/*
 * Fliptum Theme — Phase 4 advanced homepage + media foundation.
 * 100% white base, spacious vertical flow, medium typography, green-first accents.
 */

.fliptum-main--front-page { padding-block: 0; overflow: clip; }
.fliptum-home-section { padding-block: clamp(3.75rem, 6vw, 6.5rem); }
.fliptum-home-section + .fliptum-home-section { border-top: 1px solid color-mix(in srgb, var(--fliptum-color-border) 72%, transparent); }
.fliptum-home-section__header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: clamp(2rem, 3vw, 3rem); }
.fliptum-home-section__header h2, .fliptum-home-panel__header h2 { margin-bottom: 0; font-size: clamp(1.75rem, 1.45rem + 1vw, 2.45rem); }
.fliptum-home-section__header--center { justify-content: center; text-align: center; }
.fliptum-home-section__eyebrow { margin: 0 0 .55rem; color: var(--fliptum-color-primary); font-size: var(--fliptum-font-xs); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.fliptum-home-section__link { flex: 0 0 auto; font-weight: 750; text-decoration: none; font-size: var(--fliptum-font-sm); }

.fliptum-button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 3rem; padding: .72rem 1.1rem; border-radius: .72rem; border: 1px solid transparent; font-size: var(--fliptum-font-sm); font-weight: 800; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; }
.fliptum-button:hover { transform: translateY(-1px); }
.fliptum-button .fliptum-icon { width: 1.05rem; height: 1.05rem; }
.fliptum-button--primary { background: var(--fliptum-color-primary); border-color: var(--fliptum-color-primary); color: var(--fliptum-color-on-primary); box-shadow: 0 .45rem 1.2rem color-mix(in srgb, var(--fliptum-color-primary) 20%, transparent); }
.fliptum-button--primary:hover { background: var(--fliptum-color-primary-hover); border-color: var(--fliptum-color-primary-hover); color: var(--fliptum-color-on-primary); }
.fliptum-button--secondary { background: var(--fliptum-color-surface); border-color: var(--fliptum-color-border); color: var(--fliptum-color-text); }
.fliptum-button--secondary:hover { border-color: color-mix(in srgb, var(--fliptum-color-primary) 55%, var(--fliptum-color-border)); color: var(--fliptum-color-primary); }
.fliptum-button--whatsapp { background: var(--fliptum-color-whatsapp); border-color: var(--fliptum-color-whatsapp); color: var(--fliptum-color-on-primary); }
.fliptum-button--whatsapp:hover { background: var(--fliptum-color-whatsapp-hover); border-color: var(--fliptum-color-whatsapp-hover); color: var(--fliptum-color-on-primary); }

/* Hero */
.fliptum-home-hero { position: relative; padding: clamp(4rem, 7vw, 7rem) 0 clamp(6rem, 10vw, 10rem); background: var(--fliptum-color-surface); }
.fliptum-home-hero__layout { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(31rem, .98fr); align-items: center; gap: clamp(3rem, 6vw, 6rem); }
.fliptum-home-hero__content { position: relative; z-index: 3; max-width: 42rem; }
.fliptum-home-hero__title { max-width: 14ch; margin-bottom: 1.5rem; font-size: clamp(2.45rem, 1.85rem + 2.25vw, 4rem); letter-spacing: -.035em; }
.fliptum-home-hero__text { max-width: 39rem; margin-bottom: 1.8rem; color: var(--fliptum-color-muted); font-size: clamp(1rem, .94rem + .32vw, 1.18rem); }
.fliptum-home-hero__search { max-width: 39rem; padding: .42rem; border: 1px solid var(--fliptum-color-border); border-radius: .9rem; background: var(--fliptum-color-surface); box-shadow: 0 .8rem 2.4rem color-mix(in srgb, var(--fliptum-color-text) 6%, transparent); }
.fliptum-home-hero__search .search-form { gap: .5rem; }
.fliptum-home-hero__search .search-field { border: 0; min-height: 3.25rem; }
.fliptum-home-hero__search .search-submit { min-height: 3.25rem; border-radius: .68rem; }
.fliptum-home-hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.1rem; }
.fliptum-home-hero__visual { position: relative; min-height: 31rem; display: grid; align-items: center; }
.fliptum-home-hero__visual::before { content: ''; position: absolute; inset: 12% 4% 8% 12%; border-radius: 50%; background: radial-gradient(circle at 48% 50%, color-mix(in srgb, var(--fliptum-color-primary) 13%, var(--fliptum-color-surface)) 0 28%, color-mix(in srgb, var(--fliptum-color-secondary) 8%, var(--fliptum-color-surface)) 29% 50%, transparent 68%); }
.fliptum-home-hero__products { position: relative; z-index: 2; min-height: 28rem; }
.fliptum-home-hero__product { position: absolute; display: block; width: clamp(10rem, 15vw, 14rem); aspect-ratio: 3/4; border-radius: 1rem; overflow: hidden; background: var(--fliptum-color-surface); border: 1px solid var(--fliptum-color-border); box-shadow: 0 1.5rem 3rem color-mix(in srgb, var(--fliptum-color-text) 15%, transparent); }
.fliptum-home-hero__product img { width: 100%; height: 100%; object-fit: contain; background: var(--fliptum-color-surface); }
.fliptum-home-hero__product--1 { left: 4%; top: 18%; transform: rotate(-7deg); }
.fliptum-home-hero__product--2 { left: 34%; top: 2%; z-index: 3; width: clamp(11.5rem, 17vw, 15.5rem); }
.fliptum-home-hero__product--3 { left: 64%; top: 20%; transform: rotate(7deg); }
.fliptum-home-hero__product-placeholder, .fliptum-home-book__placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: var(--fliptum-color-primary); background: color-mix(in srgb, var(--fliptum-color-primary) 6%, var(--fliptum-color-surface)); }
.fliptum-home-hero__product-placeholder .fliptum-icon, .fliptum-home-book__placeholder .fliptum-icon { width: 3rem; height: 3rem; }
.fliptum-home-hero__panel { position: absolute; z-index: 5; right: -1rem; bottom: 1rem; width: min(16rem, 42%); padding: 1.25rem; background: var(--fliptum-color-surface); }
.fliptum-home-hero__panel-title { font-size: var(--fliptum-font-lg); margin-bottom: .7rem; }
.fliptum-home-hero__panel-list { list-style: none; padding: 0; margin: 0; }
.fliptum-home-hero__panel-list li + li { border-top: 1px solid var(--fliptum-color-border); }
.fliptum-home-hero__panel-list a { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 0; color: var(--fliptum-color-text); text-decoration: none; font-size: var(--fliptum-font-sm); font-weight: 650; }
.fliptum-home-hero__panel-list a:hover { color: var(--fliptum-color-primary); }
.fliptum-home-wave { position: absolute; z-index: 1; left: 0; right: 0; bottom: -1px; height: clamp(5.5rem, 10vw, 9rem); pointer-events: none; }
.fliptum-home-wave svg { width: 100%; height: 100%; display: block; }
.fliptum-home-wave__back { fill: color-mix(in srgb, var(--fliptum-color-secondary) 13%, var(--fliptum-color-surface)); }
.fliptum-home-wave__middle { fill: color-mix(in srgb, var(--fliptum-color-primary) 13%, var(--fliptum-color-surface)); }
.fliptum-home-wave__front { fill: color-mix(in srgb, var(--fliptum-color-primary) 7%, var(--fliptum-color-surface)); }

/* Tools */
.fliptum-home-tools { padding-top: clamp(3.25rem, 5vw, 5rem); }
.fliptum-home-tools__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.fliptum-home-tool { min-height: 9.5rem; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding: 1.5rem; color: var(--fliptum-color-text); text-decoration: none; box-shadow: none; }
.fliptum-home-tool:hover { border-color: color-mix(in srgb, var(--fliptum-color-primary) 38%, var(--fliptum-color-border)); box-shadow: var(--fliptum-shadow-sm); }
.fliptum-home-tool__icon, .fliptum-home-resource-list__icon, .fliptum-home-exam__icon, .fliptum-home-category__icon { display: grid; place-items: center; width: 3rem; height: 3rem; flex: 0 0 auto; border-radius: .85rem; color: var(--fliptum-color-primary); background: color-mix(in srgb, var(--fliptum-color-primary) 8%, var(--fliptum-color-surface)); }
.fliptum-home-tool__icon .fliptum-icon { width: 1.45rem; height: 1.45rem; }
.fliptum-home-tool__body { display: grid; gap: .3rem; }
.fliptum-home-tool__body strong { font-size: var(--fliptum-font-md); }
.fliptum-home-tool__body span { color: var(--fliptum-color-muted); font-size: var(--fliptum-font-sm); line-height: 1.5; }
.fliptum-home-tool__arrow { color: var(--fliptum-color-primary); font-size: 1.25rem; }

/* Books */
.fliptum-home-books { background: color-mix(in srgb, var(--fliptum-color-primary) 2.2%, var(--fliptum-color-surface)); }
.fliptum-home-books__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1.4rem, 2.2vw, 2rem); }
.fliptum-home-book { overflow: hidden; box-shadow: none; }
.fliptum-home-book__media { display: grid; place-items: center; min-height: 24rem; padding: 2rem 1.5rem 1.35rem; background: var(--fliptum-color-surface); border-bottom: 1px solid var(--fliptum-color-border); }
.fliptum-home-book__media img { width: min(100%, 15rem); height: 20rem; object-fit: contain; }
.fliptum-home-book__body { padding: 1.35rem 1.4rem 1.55rem; }
.fliptum-home-book__body h3 { font-size: var(--fliptum-font-lg); margin-bottom: .8rem; }
.fliptum-home-book__body h3 a { color: var(--fliptum-color-text); text-decoration: none; }
.fliptum-home-book__body h3 a:hover { color: var(--fliptum-color-primary); }
.fliptum-home-book__price { font-size: var(--fliptum-font-md); font-weight: 800; }
.fliptum-home-book__price del { color: var(--fliptum-color-muted); font-weight: 500; }
.fliptum-home-book__price ins { text-decoration: none; color: var(--fliptum-color-primary); }

/* Posts */
.fliptum-home-posts__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.6rem; }
.fliptum-home-post { overflow: hidden; box-shadow: none; }
.fliptum-home-post__media { display: block; aspect-ratio: 16/9; overflow: hidden; background: color-mix(in srgb, var(--fliptum-color-secondary) 6%, var(--fliptum-color-surface)); }
.fliptum-home-post__media img { width: 100%; height: 100%; object-fit: cover; }
.fliptum-home-post__body { padding: 1.5rem; }
.fliptum-home-post__meta { color: var(--fliptum-color-muted); font-size: var(--fliptum-font-xs); margin-bottom: .55rem; }
.fliptum-home-post__body h3 { font-size: var(--fliptum-font-lg); }
.fliptum-home-post__body h3 a { color: var(--fliptum-color-text); text-decoration: none; }
.fliptum-home-post__body p { margin: 0; color: var(--fliptum-color-muted); font-size: var(--fliptum-font-sm); }

/* Categories / stats */
.fliptum-home-info-band { background: color-mix(in srgb, var(--fliptum-color-secondary) 2.5%, var(--fliptum-color-surface)); }
.fliptum-home-info-band__grid, .fliptum-home-resources-support__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.6rem, 3vw, 2.4rem); }
.fliptum-home-panel { padding: clamp(1.6rem, 2.5vw, 2.25rem); box-shadow: none; }
.fliptum-home-panel__header { margin-bottom: 1.5rem; }
.fliptum-home-panel__header h2 { font-size: clamp(1.5rem, 1.32rem + .6vw, 2rem); }
.fliptum-home-categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.fliptum-home-category { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .8rem; padding: 1rem; border: 1px solid var(--fliptum-color-border); border-radius: .9rem; color: var(--fliptum-color-text); text-decoration: none; }
.fliptum-home-category:hover { border-color: color-mix(in srgb, var(--fliptum-color-primary) 45%, var(--fliptum-color-border)); }
.fliptum-home-category__icon { width: 2.6rem; height: 2.6rem; border-radius: .75rem; }
.fliptum-home-category span:nth-child(2) { display: grid; gap: .15rem; }
.fliptum-home-category small { color: var(--fliptum-color-muted); }
.fliptum-home-stats-table-wrap { overflow-x: auto; border: 1px solid var(--fliptum-color-border); border-radius: .9rem; }
.fliptum-home-stats-table { width: 100%; border-collapse: collapse; min-width: 26rem; font-size: var(--fliptum-font-sm); }
.fliptum-home-stats-table th, .fliptum-home-stats-table td { padding: .95rem 1rem; text-align: left; border-bottom: 1px solid var(--fliptum-color-border); }
.fliptum-home-stats-table th { background: color-mix(in srgb, var(--fliptum-color-primary) 6%, var(--fliptum-color-surface)); font-size: var(--fliptum-font-xs); text-transform: uppercase; letter-spacing: .04em; }
.fliptum-home-stats-table th:last-child, .fliptum-home-stats-table td:last-child { text-align: right; font-weight: 800; }
.fliptum-home-stats-table tr:last-child td { border-bottom: 0; }

/* Gallery */
.fliptum-home-gallery { background: var(--fliptum-color-surface); }
.fliptum-home-gallery__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.fliptum-home-gallery-card { overflow: hidden; box-shadow: none; }
.fliptum-home-gallery-card__media { display: block; aspect-ratio: 16/10; overflow: hidden; background: color-mix(in srgb, var(--fliptum-color-primary) 5%, var(--fliptum-color-surface)); }
.fliptum-home-gallery-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.fliptum-home-gallery-card:hover .fliptum-home-gallery-card__media img { transform: scale(1.025); }
.fliptum-home-gallery-card__body { padding: 1.15rem 1.25rem; }
.fliptum-home-gallery-card__body h3 { margin: 0; font-size: var(--fliptum-font-md); }

/* Resources / support */
.fliptum-home-resources-support { background: color-mix(in srgb, var(--fliptum-color-primary) 2.2%, var(--fliptum-color-surface)); }
.fliptum-home-resource-list { display: grid; gap: .65rem; }
.fliptum-home-resource-list > a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .9rem; padding: .9rem 0; color: var(--fliptum-color-text); text-decoration: none; border-bottom: 1px solid var(--fliptum-color-border); }
.fliptum-home-resource-list > a:last-child { border-bottom: 0; }
.fliptum-home-resource-list span:nth-child(2) { display: grid; gap: .1rem; }
.fliptum-home-resource-list small { color: var(--fliptum-color-muted); }
.fliptum-home-support-panel { background: var(--fliptum-color-surface); }
.fliptum-home-support-panel__intro { color: var(--fliptum-color-muted); max-width: 38rem; }
.fliptum-home-support-panel__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }

/* Exams / benefits */
.fliptum-home-exams__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.fliptum-home-exam { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding: 1.25rem; box-shadow: none; color: var(--fliptum-color-text); text-decoration: none; }
.fliptum-home-exam:hover { border-color: color-mix(in srgb, var(--fliptum-color-primary) 45%, var(--fliptum-color-border)); }
.fliptum-home-exam span:nth-child(2) { display: grid; gap: .15rem; }
.fliptum-home-exam small { color: var(--fliptum-color-muted); }
.fliptum-home-benefits { background: color-mix(in srgb, var(--fliptum-color-secondary) 2.1%, var(--fliptum-color-surface)); }
.fliptum-home-benefits__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem 2.5rem; }
.fliptum-home-benefit { display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: start; }
.fliptum-home-benefit__icon { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; color: var(--fliptum-color-primary); background: var(--fliptum-color-surface); border: 1px solid color-mix(in srgb, var(--fliptum-color-primary) 24%, var(--fliptum-color-border)); }
.fliptum-home-benefit h3 { margin: .1rem 0 .35rem; font-size: var(--fliptum-font-md); }
.fliptum-home-benefit p { margin: 0; color: var(--fliptum-color-muted); font-size: var(--fliptum-font-sm); }

/* Newsletter */
.fliptum-home-newsletter__card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1.5rem 2rem; padding: clamp(1.75rem, 3vw, 2.75rem); box-shadow: none; border-color: color-mix(in srgb, var(--fliptum-color-primary) 24%, var(--fliptum-color-border)); background: color-mix(in srgb, var(--fliptum-color-primary) 4%, var(--fliptum-color-surface)); }
.fliptum-home-newsletter__icon { display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: 1rem; color: var(--fliptum-color-primary); background: var(--fliptum-color-surface); }
.fliptum-home-newsletter__icon .fliptum-icon { width: 1.75rem; height: 1.75rem; }
.fliptum-home-newsletter__content h2 { margin-bottom: .45rem; font-size: clamp(1.55rem, 1.35rem + .7vw, 2.05rem); }
.fliptum-home-newsletter__content p:last-child { margin: 0; color: var(--fliptum-color-muted); }
.fliptum-home-editor-content { background: var(--fliptum-color-surface); }

@media (max-width: 72rem) {
	.fliptum-home-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(26rem, .9fr); gap: 2.5rem; }
	.fliptum-home-hero__panel { right: 0; }
	.fliptum-home-tools__grid, .fliptum-home-books__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fliptum-home-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 62rem) {
	.fliptum-home-hero { padding-top: 3.5rem; }
	.fliptum-home-hero__layout { grid-template-columns: 1fr; }
	.fliptum-home-hero__content { max-width: 46rem; }
	.fliptum-home-hero__visual { width: min(100%, 45rem); min-height: 30rem; margin-inline: auto; }
	.fliptum-home-info-band__grid, .fliptum-home-resources-support__grid { grid-template-columns: 1fr; }
	.fliptum-home-posts__grid, .fliptum-home-exams__grid, .fliptum-home-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fliptum-home-newsletter__card { grid-template-columns: auto 1fr; }
	.fliptum-home-newsletter__action { grid-column: 1 / -1; }
}

@media (max-width: 42rem) {
	.fliptum-home-section { padding-block: 3.2rem; }
	.fliptum-home-section__header { align-items: start; flex-direction: column; gap: .75rem; margin-bottom: 1.6rem; }
	.fliptum-home-hero { padding: 3rem 0 6rem; }
	.fliptum-home-hero__title { font-size: clamp(2.15rem, 10vw, 3rem); }
	.fliptum-home-hero__actions { align-items: stretch; flex-direction: column; }
	.fliptum-home-hero__actions .fliptum-button { width: 100%; }
	.fliptum-home-hero__search { padding: .35rem; }
	.fliptum-home-hero__search .search-form { flex-direction: column; }
	.fliptum-home-hero__visual { min-height: 23rem; }
	.fliptum-home-hero__products { min-height: 21rem; }
	.fliptum-home-hero__product { width: 8.5rem; }
	.fliptum-home-hero__product--2 { width: 10rem; left: 32%; }
	.fliptum-home-hero__product--3 { left: 61%; }
	.fliptum-home-hero__panel { display: none; }
	.fliptum-home-tools__grid, .fliptum-home-books__grid, .fliptum-home-posts__grid, .fliptum-home-gallery__grid, .fliptum-home-exams__grid, .fliptum-home-benefits__grid { grid-template-columns: 1fr; }
	.fliptum-home-book__media { min-height: 22rem; }
	.fliptum-home-book__media img { height: 18.5rem; }
	.fliptum-home-categories { grid-template-columns: 1fr; }
	.fliptum-home-newsletter__card { grid-template-columns: 1fr; text-align: left; }
	.fliptum-home-newsletter__action { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
	.fliptum-home-gallery-card__media img, .fliptum-button { transition: none; }
	.fliptum-home-gallery-card:hover .fliptum-home-gallery-card__media img, .fliptum-button:hover { transform: none; }
}

/* Phase 4 media resilience */
.fliptum-home-hero__product:not(a){cursor:default}.fliptum-home-gallery-card__media img{image-rendering:auto}.fliptum-home-book__media img,.fliptum-home-hero__product img{max-width:100%}

/* Phase 8 Studio-managed homepage wrappers */
.fliptum-home-slot{position:relative}.fliptum-home-slot.is-surface-soft{background:color-mix(in srgb,var(--fliptum-color-primary) 3%,var(--fliptum-color-surface))}.fliptum-home-slot.is-surface-bordered{border-block:1px solid var(--fliptum-color-border)}.fliptum-home-slot.is-layout-wide>.fliptum-home-section>.fliptum-container{width:min(calc(100% - (var(--fliptum-layout-gutter) * 2)),calc(var(--fliptum-layout-container) + 8rem))}.fliptum-home-slot.is-layout-full>.fliptum-home-section>.fliptum-container{width:min(calc(100% - (var(--fliptum-layout-gutter) * 2)),96rem)}
@media(min-width:72.001rem){.fliptum-home-slot.is-hidden-desktop{display:none!important}}@media(min-width:48.001rem) and (max-width:72rem){.fliptum-home-slot.is-hidden-tablet{display:none!important}}@media(max-width:48rem){.fliptum-home-slot.is-hidden-mobile{display:none!important}}

/* Phase 9: authenticated Studio preview placeholders. */
.fliptum-studio-preview-badge{position:fixed;z-index:99999;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;max-width:min(90vw,520px);padding:9px 12px;border:1px solid color-mix(in srgb,var(--fliptum-color-primary) 32%,var(--fliptum-color-border));border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 12px 36px rgba(15,36,47,.14);font-size:.78rem;font-weight:700;color:var(--fliptum-color-text);backdrop-filter:blur(8px)}.fliptum-studio-preview-badge>span{color:var(--fliptum-color-primary)}.fliptum-preview-link{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0;color:var(--fliptum-color-text);font-weight:650}.fliptum-preview-book-cover{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.35rem;min-height:23rem!important;padding:1.5rem;background:linear-gradient(165deg,#fff 0%,color-mix(in srgb,var(--fliptum-color-primary) 8%,#fff) 55%,color-mix(in srgb,var(--fliptum-color-secondary) 10%,#fff) 100%);border-bottom:1px solid var(--fliptum-color-border);color:var(--fliptum-color-text);text-decoration:none}.fliptum-preview-book-cover:before{content:"";position:absolute;inset:18px 18px auto;height:5px;border-radius:999px;background:var(--fliptum-color-primary);opacity:.75}.fliptum-preview-book-cover span{font-size:.75rem;letter-spacing:.12em;color:var(--fliptum-color-muted)}.fliptum-preview-book-cover strong{max-width:10rem;font-size:1.35rem;line-height:1.12}.fliptum-preview-lines{display:grid;gap:.45rem;margin-top:.75rem}.fliptum-preview-lines i{display:block;height:6px;border-radius:999px;background:color-mix(in srgb,var(--fliptum-color-text) 9%,var(--fliptum-color-surface))}.fliptum-preview-lines i:nth-child(2){width:76%}.fliptum-preview-lines i:nth-child(3){width:56%}.fliptum-preview-media{aspect-ratio:16/9;background:linear-gradient(135deg,color-mix(in srgb,var(--fliptum-color-primary) 10%,#fff),color-mix(in srgb,var(--fliptum-color-secondary) 14%,#fff));border-bottom:1px solid var(--fliptum-color-border)}.fliptum-preview-gallery{position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--fliptum-color-primary) 8%,#fff),#fff)}.fliptum-preview-gallery:before,.fliptum-preview-gallery:after,.fliptum-preview-gallery span{content:"";position:absolute;border-radius:12px;border:1px solid color-mix(in srgb,var(--fliptum-color-primary) 18%,var(--fliptum-color-border));background:#fff}.fliptum-preview-gallery:before{inset:14% 48% 14% 8%}.fliptum-preview-gallery:after{inset:25% 8% 25% 48%}.fliptum-preview-gallery span{left:20%;right:20%;bottom:18%;height:12%;background:color-mix(in srgb,var(--fliptum-color-primary) 8%,#fff)}.fliptum-preview-gallery--2{background:linear-gradient(135deg,color-mix(in srgb,var(--fliptum-color-secondary) 8%,#fff),#fff)}.fliptum-preview-gallery--3{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--fliptum-color-primary) 12%,#fff))}@media(max-width:42rem){.fliptum-studio-preview-badge{left:10px;right:10px;bottom:10px;border-radius:14px}.fliptum-preview-book-cover{min-height:20rem!important}}

/* Phase 17: Customizer/Studio visual design preview. Admin-only placeholders make
 * an empty site look like a real theme while keeping public output data-driven. */
.fliptum-home-hero__preview-eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .85rem;padding:.35rem .65rem;border:1px solid color-mix(in srgb,var(--fliptum-color-primary) 24%,var(--fliptum-color-border));border-radius:999px;background:color-mix(in srgb,var(--fliptum-color-primary) 5%,var(--fliptum-color-surface));color:var(--fliptum-color-primary);font-size:var(--fliptum-font-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.fliptum-home-hero__preview-eyebrow::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--fliptum-color-primary);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--fliptum-color-primary) 10%,transparent)}
.fliptum-preview-hero-cover{position:relative;display:flex;width:100%;height:100%;flex-direction:column;justify-content:flex-end;gap:.55rem;padding:1.2rem;overflow:hidden;background:var(--fliptum-color-surface);color:var(--fliptum-color-text)}
.fliptum-preview-hero-cover::before{content:"";position:absolute;left:-28%;right:-28%;bottom:-16%;height:48%;border-radius:50%;background:color-mix(in srgb,var(--fliptum-color-primary) 10%,var(--fliptum-color-surface));transform:rotate(-8deg)}
.fliptum-preview-hero-cover::after{content:"";position:absolute;left:-18%;right:-18%;bottom:1%;height:24%;border-radius:50%;border-top:3px solid color-mix(in srgb,var(--fliptum-color-secondary) 24%,transparent);transform:rotate(7deg)}
.fliptum-preview-hero-cover>*{position:relative;z-index:2}
.fliptum-preview-hero-cover__mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.72rem;background:color-mix(in srgb,var(--fliptum-color-primary) 8%,var(--fliptum-color-surface));color:var(--fliptum-color-primary);border:1px solid color-mix(in srgb,var(--fliptum-color-primary) 18%,var(--fliptum-color-border))}
.fliptum-preview-hero-cover__mark .fliptum-icon{width:1.15rem;height:1.15rem}
.fliptum-preview-hero-cover__eyebrow{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--fliptum-color-primary)}
.fliptum-preview-hero-cover strong{max-width:9rem;font-size:1.15rem;line-height:1.05}
.fliptum-preview-hero-cover__lines{display:grid;gap:.32rem;width:82%;margin-top:.15rem}
.fliptum-preview-hero-cover__lines i{display:block;height:4px;border-radius:999px;background:color-mix(in srgb,var(--fliptum-color-text) 10%,var(--fliptum-color-surface))}
.fliptum-preview-hero-cover__lines i:nth-child(2){width:72%}.fliptum-preview-hero-cover__lines i:nth-child(3){width:48%}
.fliptum-customizer-preview .fliptum-home-hero__product{box-shadow:0 .35rem .8rem color-mix(in srgb,var(--fliptum-color-text) 8%,transparent),0 1.6rem 3.2rem color-mix(in srgb,var(--fliptum-color-text) 14%,transparent);border-color:color-mix(in srgb,var(--fliptum-color-primary) 14%,var(--fliptum-color-border));transform-style:preserve-3d}
.fliptum-customizer-preview .fliptum-home-hero__product--1{transform:perspective(700px) rotateY(8deg) rotateZ(-7deg) translateY(.35rem)}
.fliptum-customizer-preview .fliptum-home-hero__product--2{transform:perspective(700px) translateZ(18px) translateY(-.25rem)}
.fliptum-customizer-preview .fliptum-home-hero__product--3{transform:perspective(700px) rotateY(-8deg) rotateZ(7deg) translateY(.55rem)}
.fliptum-customizer-preview .fliptum-home-hero__panel{box-shadow:0 .35rem .8rem color-mix(in srgb,var(--fliptum-color-text) 7%,transparent),0 1.4rem 3rem color-mix(in srgb,var(--fliptum-color-text) 10%,transparent);border-color:color-mix(in srgb,var(--fliptum-color-primary) 18%,var(--fliptum-color-border))}
.fliptum-customizer-preview .fliptum-card{box-shadow:0 .22rem .55rem color-mix(in srgb,var(--fliptum-color-text) 5%,transparent),0 1rem 2.2rem color-mix(in srgb,var(--fliptum-color-text) 7%,transparent)}
.fliptum-customizer-preview .fliptum-home-tool,.fliptum-customizer-preview .fliptum-home-book,.fliptum-customizer-preview .fliptum-home-post,.fliptum-customizer-preview .fliptum-home-gallery-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.fliptum-customizer-preview .fliptum-home-tool:hover,.fliptum-customizer-preview .fliptum-home-book:hover,.fliptum-customizer-preview .fliptum-home-post:hover,.fliptum-customizer-preview .fliptum-home-gallery-card:hover{transform:translateY(-3px);box-shadow:0 .35rem .8rem color-mix(in srgb,var(--fliptum-color-text) 6%,transparent),0 1.3rem 2.8rem color-mix(in srgb,var(--fliptum-color-text) 10%,transparent);border-color:color-mix(in srgb,var(--fliptum-color-primary) 26%,var(--fliptum-color-border))}
@media(prefers-reduced-motion:reduce){.fliptum-customizer-preview .fliptum-home-tool,.fliptum-customizer-preview .fliptum-home-book,.fliptum-customizer-preview .fliptum-home-post,.fliptum-customizer-preview .fliptum-home-gallery-card{transition:none}.fliptum-customizer-preview .fliptum-home-tool:hover,.fliptum-customizer-preview .fliptum-home-book:hover,.fliptum-customizer-preview .fliptum-home-post:hover,.fliptum-customizer-preview .fliptum-home-gallery-card:hover{transform:none}}

/* Phase 22 — Homepage Section Studio runtime. */
.fliptum-home-slot{position:relative}
.fliptum-home-slot.is-layout-wide>.fliptum-container{width:min(calc(100% - (var(--fliptum-layout-gutter) * 2)),calc(var(--fliptum-layout-container) + 8rem))}
.fliptum-home-slot.is-layout-full>.fliptum-container{width:min(calc(100% - (var(--fliptum-layout-gutter) * 2)),96rem)}
.fliptum-home-slot.is-surface-accent{background:color-mix(in srgb,var(--fliptum-color-primary) 6%,var(--fliptum-color-surface))}
.fliptum-home-slot[data-spacing="compact"]{padding-block:2.5rem}.fliptum-home-slot[data-spacing="balanced"]{padding-block:4rem}.fliptum-home-slot[data-spacing="airy"]{padding-block:5.5rem}
.fliptum-home-slot .fliptum-home-tools__grid,.fliptum-home-slot .fliptum-home-books__grid,.fliptum-home-slot .fliptum-home-posts__grid,.fliptum-home-slot .fliptum-home-gallery__grid,.fliptum-home-slot .fliptum-home-exams__grid,.fliptum-home-slot .fliptum-home-benefits__grid{grid-template-columns:repeat(var(--fliptum-section-cols-desktop,4),minmax(0,1fr))}
.fliptum-home-slot[data-card-style="flat"] .fliptum-card{box-shadow:none;border-color:transparent}.fliptum-home-slot[data-card-style="bordered"] .fliptum-card{box-shadow:none;border-color:color-mix(in srgb,var(--fliptum-color-text) 16%,var(--fliptum-color-border))}.fliptum-home-slot[data-card-style="elevated"] .fliptum-card{box-shadow:0 1rem 2.8rem color-mix(in srgb,var(--fliptum-color-text) 10%,transparent)}
.fliptum-home-slot[data-image-ratio="square"] :is(.fliptum-home-book__media,.fliptum-home-post__media,.fliptum-home-gallery-card__media){aspect-ratio:1}.fliptum-home-slot[data-image-ratio="portrait"] :is(.fliptum-home-book__media,.fliptum-home-post__media,.fliptum-home-gallery-card__media){aspect-ratio:4/5}.fliptum-home-slot[data-image-ratio="landscape"] :is(.fliptum-home-book__media,.fliptum-home-post__media,.fliptum-home-gallery-card__media){aspect-ratio:16/9}
.fliptum-home-slot[data-image-ratio]:not([data-image-ratio="auto"]) :is(.fliptum-home-book__media img,.fliptum-home-post__media img,.fliptum-home-gallery-card__media img){width:100%;height:100%;object-fit:cover}
.fliptum-home-slot[data-hover="lift"] .fliptum-card:hover{transform:translateY(-4px)}.fliptum-home-slot[data-hover="glow"] .fliptum-card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--fliptum-color-primary) 25%,transparent),0 1rem 2.5rem color-mix(in srgb,var(--fliptum-color-primary) 14%,transparent)}.fliptum-home-slot[data-hover="tilt"] .fliptum-card:hover{transform:perspective(700px) rotateX(1.5deg) rotateY(-1.5deg) translateY(-3px)}
.fliptum-home-section__subtitle{max-width:48rem;margin:.45rem 0 0;color:var(--fliptum-color-muted);font-size:var(--fliptum-font-body)}
@media(max-width:72rem){.fliptum-home-slot .fliptum-home-tools__grid,.fliptum-home-slot .fliptum-home-books__grid,.fliptum-home-slot .fliptum-home-posts__grid,.fliptum-home-slot .fliptum-home-gallery__grid,.fliptum-home-slot .fliptum-home-exams__grid,.fliptum-home-slot .fliptum-home-benefits__grid{grid-template-columns:repeat(var(--fliptum-section-cols-tablet,2),minmax(0,1fr))}}
@media(max-width:48rem){.fliptum-home-slot .fliptum-home-tools__grid,.fliptum-home-slot .fliptum-home-books__grid,.fliptum-home-slot .fliptum-home-posts__grid,.fliptum-home-slot .fliptum-home-gallery__grid,.fliptum-home-slot .fliptum-home-exams__grid,.fliptum-home-slot .fliptum-home-benefits__grid{grid-template-columns:repeat(var(--fliptum-section-cols-mobile,1),minmax(0,1fr))}.fliptum-home-slot[data-spacing="airy"]{padding-block:4rem}}
@media(prefers-reduced-motion:reduce){.fliptum-home-slot[data-hover] .fliptum-card:hover{transform:none}}