/**
 * Shopini SaaS 2.4.5 — finition visuelle premium.
 * Cette feuille ne porte aucune logique métier : elle surcharge uniquement
 * la présentation de la Home 2.4 et respecte les Design Tokens du
 * Personnalisateur.
 */

.shopini-home-v24 {
	--v245-radius: 18px;
	--v245-radius-lg: 24px;
	--v245-soft-shadow: 0 18px 50px rgba(18, 26, 44, .055);
	--v245-card-shadow: 0 14px 40px rgba(18, 26, 44, .06);
	--v245-border: rgba(222, 226, 234, .92);
}

/* Navigation : glass léger, contours plus fins. */
body.home .shopini-header {
	background: rgba(255,255,255,.92);
	border-bottom-color: rgba(226,229,235,.8);
	box-shadow: 0 10px 34px rgba(17,25,40,.035);
	backdrop-filter: blur(20px) saturate(130%);
}
body.home .shopini-header__inner { min-height: 4.45rem; }
body.home .shopini-nav__list { gap: clamp(.25rem, 1vw, .9rem); }
body.home .shopini-nav__list a { padding-inline: .72rem; font-weight: 700; }
body.home .shopini-header__actions .shopini-btn { min-height: 2.7rem; padding-inline: 1rem; }

/* Hero : plus d'air, mais titre strictement contrôlé par le Customizer. */
.shopini-v24-hero {
	padding: clamp(4.6rem, 7vw, 6.8rem) 0 clamp(4.25rem, 6vw, 5.8rem);
	background:
		radial-gradient(circle at 78% 33%, rgba(255,96,18,.105), transparent 27rem),
		radial-gradient(circle at 91% 73%, rgba(116,81,232,.04), transparent 18rem),
		linear-gradient(180deg,#fff 0%,#fffaf8 100%);
}
.shopini-v24-hero__grid {
	grid-template-columns: minmax(0,.84fr) minmax(32rem,1.16fr);
	gap: clamp(3rem,6vw,6rem);
}
.shopini-v24-hero__copy h1 {
	max-width: 19ch;
	font-size: var(--shopini-title-lg);
	font-weight: 860;
	letter-spacing: -.045em;
	line-height: 1.08;
}
.shopini-v24-hero__lead { max-width: 35rem; margin-top: 1.15rem; line-height: 1.7; }
.shopini-v24-actions { margin-top: 1.7rem; }
.shopini-v24-actions .shopini-btn { min-height: 3.15rem; border-radius: .78rem; }
.shopini-v24-hero__reassurance { margin-top: 1.15rem; }
.shopini-v24-hero__visual { min-height: 30.5rem; padding: 1.4rem 8.1rem 1.4rem 0; transform: scale(var(--shopini-home-hero-visual-desktop,1)); transform-origin: center right; }
.shopini-v24-hero__halo { inset: -1% 4% 0 -2%; opacity: .88; }
.shopini-v24-dashboard { border-radius: 1.35rem; box-shadow: 0 28px 70px rgba(44,35,30,.145), 0 7px 18px rgba(20,28,44,.06); }
.shopini-v24-platforms { top: 1.4rem; width: 9.8rem; gap: .72rem; }
.shopini-v24-platform { min-height: 4.65rem; border-radius: .92rem; box-shadow: 0 13px 30px rgba(24,31,48,.085); }

/* Barre de confiance : plus discrète et lisible. */
.shopini-home-v24 > .shopini-trustbar { margin-top: -1.2rem; transform: translateY(44%); }
.shopini-home-v24 > .shopini-trustbar .shopini-trustbar__inner {
	border-color: var(--v245-border);
	border-radius: 1.1rem;
	box-shadow: 0 15px 38px rgba(24,31,48,.07);
}
.shopini-home-v24 > .shopini-trustbar .shopini-trustbar__item {
	min-height: 4.35rem;
	gap: .65rem;
	font-size: .74rem;
	text-align: left;
}
.shopini-home-v24 > .shopini-trustbar .shopini-trustbar__item svg { width: 1.18rem; height: 1.18rem; flex: 0 0 auto; }

/* Shopy : structure 2.4 conservée, densité réduite. */
.shopini-v24-shopy {
	padding: clamp(7.2rem,9vw,8.8rem) 0 clamp(5.2rem,7.5vw,6.8rem);
	background: radial-gradient(circle at 82% 20%,rgba(116,81,232,.085),transparent 23rem),linear-gradient(180deg,#fcfbff,#fff 86%);
}
.shopini-v24-shopy__heading { max-width: 800px; margin-bottom: 2rem; }
.shopini-v24-shopy__heading h2 { font-size: var(--shopini-title-sm); letter-spacing: -.043em; line-height: 1.1; }
.shopini-v24-shopy__heading > p:last-child { max-width: 590px; margin-top: .75rem; }
.shopini-v24-shopy__demo {
	max-width: 1010px;
	padding: 1rem;
	border-radius: var(--v245-radius-lg);
	box-shadow: 0 24px 64px rgba(73,52,139,.09);
}
.shopini-v24-shopy__form { min-height: 6.65rem; border-radius: 1rem; box-shadow: 0 9px 24px rgba(24,31,48,.04); }
.shopini-v24-shopy__form textarea { min-height: 6.65rem; }
.shopini-v24-shopy__shortcuts { margin-top: .75rem; gap: .42rem; }
.shopini-v24-shopy__shortcuts a { min-height: 2rem; padding: .45rem .68rem; box-shadow: none; }
.shopini-v24-shopy__details {
	max-width: 1010px;
	margin: 1.35rem auto 0;
	padding: 1.65rem 1.8rem;
	border-radius: var(--v245-radius);
	box-shadow: 0 12px 34px rgba(24,31,48,.04);
}
.shopini-v24-shopy__details h3 { font-size: var(--shopini-title-sm); }

/* Besoins : 4 cartes au même niveau, chacune avec son identité. */
.shopini-v24-needs { padding: clamp(5rem,7vw,6.5rem) 0; }
.shopini-v24-needs .shopini-v24-section-heading { margin-bottom: 2rem; }
.shopini-v24-needs__grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.shopini-v24-need {
	min-height: 17rem;
	padding: 1.4rem;
	border-radius: var(--v245-radius);
	box-shadow: var(--v245-card-shadow);
}
.shopini-v24-need__icon { width: 3.35rem; height: 3.35rem; border-radius: .95rem; }
.shopini-v24-need__content { margin-top: 1rem; }
.shopini-v24-need__content small { margin-top: .7rem; line-height: 1.55; }
.shopini-v24-need__cta { margin-top: 1rem; }
.shopini-v24-need--business::before { background: #3559b7; }
.shopini-v24-need--business .shopini-v24-need__icon { color: #3158ba; background: #eef3ff; }
.shopini-v24-need--business em { color: #3158ba; }

/* Étapes : moins hautes et plus légères. */
.shopini-v24-steps { padding: clamp(4.5rem,6.5vw,5.8rem) 0; background: linear-gradient(180deg,#fbfbfc,#f8f9fb); }
.shopini-v24-steps .shopini-v24-section-heading { margin-bottom: 2rem; }
.shopini-v24-steps__list { gap: 1rem; }
.shopini-v24-steps__list li { min-height: 8.6rem; padding: 1.15rem; border-radius: var(--v245-radius); box-shadow: 0 10px 28px rgba(24,31,48,.035); }
.shopini-v24-step__icon { width: 3.6rem; height: 3.6rem; }
.shopini-v24-steps__list li > i { left: 4.2rem; }

/* Pricing : plus respirant, aucune donnée métier remplacée. */
.shopini-home-v24 .shopini-pricing--v24 { padding-block: clamp(5.6rem,8vw,7.5rem); background: linear-gradient(180deg,#fffdfb,#f7f8fa); }
.shopini-home-v24 .shopini-v24-heading { margin-bottom: 2.7rem; }
.shopini-home-v24 .shopini-v24-main-plans { gap: 1.15rem; }
.shopini-home-v24 .shopini-v24-card { min-height: 35rem; padding: 1.85rem 1.65rem 1.55rem; border-radius: var(--v245-radius); box-shadow: 0 14px 38px rgba(24,35,58,.055); }
.shopini-home-v24 .shopini-v24-card:hover { transform: translateY(-3px); box-shadow: 0 21px 48px rgba(24,35,58,.085); }
.shopini-home-v24 .shopini-v24-card.is-featured { box-shadow: 0 20px 50px rgba(255,86,13,.115); transform: translateY(-.35rem); }
.shopini-home-v24 .shopini-v24-card.is-featured:hover { transform: translateY(-.55rem); }
.shopini-home-v24 .shopini-v24-marketplace { margin-top: 1.5rem; padding: 1.15rem; border-radius: var(--v245-radius); box-shadow: 0 10px 30px rgba(24,35,58,.035); }
.shopini-home-v24 .shopini-v24-market-card { border-radius: 14px; box-shadow: none; }
.shopini-home-v24 .shopini-v24-cloud {
	min-height: 16rem;
	margin-top: 1.6rem;
	border-radius: var(--v245-radius-lg);
	box-shadow: 0 24px 56px rgba(7,25,57,.21);
}

/* Intégrations : plus légères, moins "carte dans carte". */
.shopini-v24-integrations { padding: clamp(4.8rem,7vw,6.3rem) 0; }
.shopini-v24-integrations .shopini-v24-section-heading { margin-bottom: 1.35rem; }
.shopini-v24-integrations__automation { margin-bottom: 1rem; }
.shopini-v24-integrations__list { padding: 1rem; border-radius: var(--v245-radius); box-shadow: 0 11px 32px rgba(24,31,48,.04); }
.shopini-v24-integrations__list li { min-height: 6.55rem; }

/* CTA et footer : transition plus calme vers la fin de page. */
.shopini-home-v24 .shopini-cta-final { margin-block: 0 clamp(3.8rem,6vw,5rem); border-radius: var(--v245-radius-lg); box-shadow: 0 20px 50px rgba(231,71,0,.18); }
.shopini-home-v24 .shopini-cta-final__inner h2 { font-size: var(--shopini-title-sm); }
body.home .shopini-footer { border-top-color: #eef0f3; }

@media (max-width: 1040px) {
	.shopini-v24-needs__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.shopini-v24-hero__grid { grid-template-columns: 1fr; }
	.shopini-v24-hero__copy { max-width: 48rem; }
	.shopini-v24-hero__visual { width: min(100%,48rem); margin-inline: auto; }
}

@media (max-width: 720px) {
	.shopini-v24-hero { padding-top: 4.15rem; }
	.shopini-v24-hero__visual { transform: scale(var(--shopini-home-hero-visual-mobile,1)); transform-origin: center top; }
	.shopini-v24-hero__copy h1 { max-width: 22ch; font-size: var(--shopini-title-lg); }
	.shopini-v24-hero__visual { min-height: 27rem; }
	.shopini-v24-shopy { padding-top: 7.1rem; }
	.shopini-v24-shopy__heading h2 { font-size: var(--shopini-title-sm); }
	.shopini-v24-shopy__details h3 { font-size: var(--shopini-title-sm); }
	.shopini-v24-needs__grid { grid-template-columns: 1fr; }
	.shopini-v24-need { grid-template-columns: auto 1fr; grid-template-rows: auto auto; min-height: 10.4rem; padding: 1.2rem; }
	.shopini-v24-need__cta { grid-column: 2; }
	.shopini-v24-steps__list li { min-height: 7.8rem; }
	.shopini-home-v24 .shopini-v24-card { min-height: 34rem; }
}

@media (prefers-reduced-motion: reduce) {
	.shopini-v24-need,
	.shopini-home-v24 .shopini-v24-card { transition: none; }
}