/** Shopini Tunisie 2.3 — identité partagée par tout le site. */
:root{--shopini-primary:#ff5a0a;--shopini-primary-dark:#db4100;--shopini-primary-faint:#fff4ec;--shopini-ink:#171b24;--shopini-muted:#626875;--shopini-border:#e5e7ec;--shopini-surface:#f7f8fa;--shopini-radius-sm:.68rem;--shopini-radius-md:1rem;--shopini-radius-lg:1.35rem;--shopini-shadow-sm:0 10px 28px rgba(25,31,42,.06);--shopini-shadow-md:0 20px 54px rgba(25,31,42,.09)}
body{color:#171b24;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body{max-width:100%;overflow-x:clip}
h1,h2,h3,h4,h5,h6{color:#171b24;letter-spacing:-.035em}
a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}

/* Navigation */
.shopini-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(226,228,234,.92);box-shadow:0 6px 24px rgba(20,25,34,.035);backdrop-filter:blur(16px)}
.shopini-header__inner{width:min(calc(100% - 2rem),1180px)}
.shopini-wordmark{color:#171b24;font-weight:900;letter-spacing:-.045em}.shopini-wordmark:hover{color:#171b24}.shopini-wordmark__mark{background:linear-gradient(145deg,#ff711f,#ec4900);box-shadow:0 7px 18px rgba(255,90,10,.22);transform:rotate(-3deg)}.shopini-wordmark__io{color:#ff5a0a;font-size:.64em;font-weight:850}
.shopini-nav__list>li>a{position:relative;color:#303641;font-size:.84rem;font-weight:700}.shopini-nav__list>li>a::after{position:absolute;inset:auto .7rem -.2rem;height:2px;background:#ff5a0a;border-radius:9px;content:"";opacity:0;transform:scaleX(.35);transition:.2s ease}.shopini-nav__list>li>a:hover::after,.shopini-nav__list>.current-menu-item>a::after{opacity:1;transform:scaleX(1)}
.shopini-nav__list--solutions{gap:.1rem}.shopini-nav__list--solutions>li>a{padding-inline:.58rem}.shopini-nav__business>a{color:#fff!important;background:#202632;border-radius:.55rem}.shopini-nav__business>a:hover,.shopini-nav__business.current-menu-item>a{color:#fff!important;background:#11151c}.shopini-nav__business>a::after{display:none}
.shopini-header__actions .shopini-btn{min-height:2.72rem;padding-inline:1.05rem;border-radius:.66rem}.shopini-header__actions .shopini-btn--primary{box-shadow:0 9px 22px rgba(255,90,10,.2)}

/* Components */
.shopini-btn{border-radius:.68rem;font-weight:800}.shopini-btn--primary{background:linear-gradient(135deg,#ff6918,#f04a00);border-color:#f04a00;box-shadow:0 10px 24px rgba(255,90,10,.15)}.shopini-btn--primary:hover{background:linear-gradient(135deg,#ef5000,#d83f00);border-color:#d83f00;box-shadow:0 14px 30px rgba(219,65,0,.22);transform:translateY(-2px)}.shopini-btn--outline,.shopini-btn--secondary{color:#db4100;background:#fff;border-color:#ff9a67}.shopini-btn--outline:hover,.shopini-btn--secondary:hover{color:#fff;background:#ff5a0a;border-color:#ff5a0a}
.shopini-kicker,.shopini-eyebrow{color:#ff5a0a;font-size:.75rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
input,select,textarea,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{border-color:#dfe2e8!important;border-radius:.68rem!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{border-color:#ff7a36!important;box-shadow:0 0 0 3px rgba(255,90,10,.1)!important;outline:0}

/* Standard content, blog and WooCommerce */
.shopini-main:not(.shopini-home-v20):not(.shopini-solution){min-height:58vh;background:linear-gradient(180deg,#fff,#fafbfc)}
.shopini-article{width:min(calc(100% - 2rem),920px);margin:0 auto;padding:clamp(3rem,7vw,6rem) 0}.shopini-article>h1{font-size:clamp(2.5rem,6vw,4.7rem);letter-spacing:-.055em}.shopini-article__content{margin-top:2rem;color:#4f5662;font-size:1.02rem;line-height:1.8}.shopini-article__content h2,.shopini-article__content h3{margin-top:2.2em}.shopini-article__content a{color:#db4100;text-decoration-thickness:.08em;text-underline-offset:.18em}
.shopini-content{width:min(calc(100% - 2rem),1180px);padding-block:clamp(3rem,7vw,6rem)}.shopini-archive-header{max-width:760px;margin-bottom:2.5rem}.shopini-post-grid{gap:1.2rem}.shopini-post-card{padding:1.5rem;background:#fff;border:1px solid #e4e6eb;border-radius:1rem;box-shadow:0 12px 30px rgba(25,31,42,.055)}.shopini-post-card:hover{border-color:#ffb38b;box-shadow:0 20px 42px rgba(25,31,42,.09);transform:translateY(-3px)}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button,.woocommerce #respond input#submit{color:#fff!important;background:#ff5a0a!important;border-radius:.68rem!important;font-weight:800!important}.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button:hover{background:#db4100!important}.woocommerce div.product,.woocommerce-cart .cart-collaterals,.woocommerce-checkout #order_review{background:#fff;border-radius:1rem}.woocommerce span.onsale{background:#ff5a0a}.woocommerce-message,.woocommerce-info{border-top-color:#ff5a0a}.woocommerce-message::before,.woocommerce-info::before{color:#ff5a0a}

/* Product solution pages */
.shopini-solution{background:#fff}.shopini-solution-hero{position:relative;padding:clamp(4rem,8vw,7rem) 1rem;background:radial-gradient(circle at 77% 38%,rgba(255,90,10,.1),transparent 24rem),linear-gradient(180deg,#fff,#fff9f5)}
.shopini-solution--flow .shopini-solution-hero{background:radial-gradient(circle at 77% 38%,rgba(47,146,63,.11),transparent 24rem),linear-gradient(180deg,#fff,#f6fbf7)}.shopini-solution--shopy-ai .shopini-solution-hero{background:radial-gradient(circle at 77% 38%,rgba(116,81,232,.13),transparent 24rem),linear-gradient(180deg,#fff,#f8f5ff)}.shopini-solution--marketplace .shopini-solution-hero{background:radial-gradient(circle at 77% 38%,rgba(255,90,10,.11),transparent 24rem),linear-gradient(180deg,#fff,#fff8f3)}
.shopini-solution-hero__inner{width:min(100%,1180px);gap:clamp(3rem,7vw,7rem)}.shopini-solution-hero__copy h1{font-size:clamp(3rem,5.6vw,5.4rem);letter-spacing:-.06em;line-height:1.02}.shopini-solution-hero__lead{color:#59606d;font-size:clamp(1.05rem,1.5vw,1.2rem)}.shopini-solution-hero__visual{padding:1rem;background:rgba(255,255,255,.86);border:1px solid #e4e1de;border-radius:1.35rem;box-shadow:0 28px 65px rgba(35,31,29,.12)}.shopini-solution-hero__image{border-radius:.9rem}
.shopini-solution-switcher{background:rgba(255,255,255,.96);border-block-color:#e4e6eb;box-shadow:0 10px 30px rgba(25,31,42,.045);backdrop-filter:blur(12px)}.shopini-solution-switcher__inner{width:min(100%,1180px)}.shopini-solution-switcher a[aria-current="page"]{color:#db4100;background:#fff8f4;border-bottom-color:#ff5a0a}.shopini-solution-switcher a>span{color:#ff5a0a;background:#fff2ea}
.shopini-solution-capabilities{padding:clamp(4rem,8vw,7rem) 1rem}.shopini-solution-capabilities__grid{width:min(100%,1180px);gap:1.1rem}.shopini-solution-feature{padding:1.6rem;background:#fff;border-color:#e4e6eb;border-radius:1rem;box-shadow:0 12px 30px rgba(25,31,42,.05)}.shopini-solution-feature:hover{border-color:#ffb38b;box-shadow:0 20px 42px rgba(25,31,42,.09);transform:translateY(-3px)}.shopini-solution-feature__icon{color:#ff5a0a;background:#fff2ea;border-radius:.8rem}.shopini-solution-feature:nth-child(3n+2) .shopini-solution-feature__icon{color:#2f923f;background:#eff9f0}.shopini-solution-feature:nth-child(3n) .shopini-solution-feature__icon{color:#7451e8;background:#f4f0ff}
.shopini-solution-process{padding:clamp(4rem,8vw,7rem) 1rem;background:#f7f8fa}.shopini-solution-process__inner{width:min(100%,1180px)}.shopini-solution-step{border-color:#e2e5ea;border-radius:1rem;box-shadow:0 10px 26px rgba(25,31,42,.045)}.shopini-solution-step>span{background:linear-gradient(135deg,#ff6b17,#e84700)}
.shopini-solution-connections{padding:clamp(4rem,8vw,7rem) 1rem}.shopini-solution-connections__inner{width:min(100%,1180px)}.shopini-solution-connections__cards a{background:#fafbfc;border-color:#e2e5ea;border-radius:1rem}.shopini-solution-connections__cards a:hover{border-color:#ffad84;transform:translateX(4px)}.shopini-solution-connections__cards span{color:#ff5a0a;background:#fff2ea}
.shopini-solution-final-cta{width:min(calc(100% - 2rem),1180px);margin-bottom:clamp(3rem,7vw,6rem);background:radial-gradient(circle at 85% 0%,rgba(255,105,30,.24),transparent 17rem),linear-gradient(120deg,#252b37,#151922);border:1px solid #343b49;border-radius:1.2rem;box-shadow:0 24px 54px rgba(18,22,30,.2)}.shopini-solution-final-cta p{color:#cbd1db}

/* Shopini Business — corporate */
.shopini-solution-icon-image{display:block;width:100%;height:100%;object-fit:contain}.shopini-solution-switcher a>span .shopini-solution-icon-image,.shopini-solution-connections__cards span .shopini-solution-icon-image{padding:.34rem}
.shopini-solution--business{background:#f4f5f7}.shopini-solution--business .shopini-solution-hero{padding-block:clamp(4.8rem,8vw,7.8rem);color:#fff;background:radial-gradient(circle at 76% 20%,rgba(255,105,30,.26),transparent 20rem),radial-gradient(circle at 15% 90%,rgba(76,91,117,.28),transparent 28rem),linear-gradient(135deg,#10141c 0%,#202632 58%,#11151c 100%)}
.shopini-solution--business .shopini-solution-hero::after{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;content:"";pointer-events:none}.shopini-solution--business .shopini-solution-hero__inner{position:relative;z-index:1}.shopini-solution--business .shopini-kicker{color:#ff8a50}.shopini-solution--business .shopini-solution-hero h1{max-width:12ch;color:#fff}.shopini-solution--business .shopini-solution-hero__lead{color:#cbd1db}.shopini-solution--business .shopini-solution-hero .shopini-btn--secondary{color:#fff;background:transparent;border-color:#747d8e}.shopini-solution--business .shopini-solution-hero .shopini-btn--secondary:hover{background:#fff;color:#171b24;border-color:#fff}
.shopini-solution--business .shopini-solution-hero__visual{position:relative;padding:1.25rem;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));border-color:rgba(255,255,255,.19);box-shadow:0 36px 90px rgba(0,0,0,.38);backdrop-filter:blur(15px)}.shopini-solution--business .shopini-solution-hero__image{width:100%;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.shopini-business-suite__badge{position:absolute;z-index:2;inset:-.85rem auto auto 1.5rem;padding:.55rem .85rem;color:#fff;background:linear-gradient(135deg,#ff6b17,#e84700);border:1px solid rgba(255,255,255,.3);border-radius:99px;box-shadow:0 10px 28px rgba(0,0,0,.22);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.shopini-business-suite{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-top:1rem;gap:.65rem}.shopini-business-suite>span{display:flex;align-items:center;justify-content:center;min-width:0;padding:.65rem .75rem;gap:.5rem;color:#fff;background:rgba(9,12,17,.58);border:1px solid rgba(255,255,255,.12);border-radius:.72rem;font-size:.76rem}.shopini-business-suite svg,.shopini-business-suite .shopini-solution-icon-image{flex:0 0 auto;width:1.2rem;height:1.2rem;color:#ff8548}
.shopini-solution--business .shopini-solution-switcher a[aria-current="page"]{color:#171b24;background:#eef0f3;border-bottom-color:#202632}.shopini-solution--business .shopini-solution-switcher a[aria-current="page"]>span{color:#fff;background:#202632}
.shopini-solution--business .shopini-solution-capabilities{background:#f4f5f7}.shopini-solution--business .shopini-solution-feature{position:relative;overflow:hidden;border-color:#dfe2e7;box-shadow:0 16px 38px rgba(18,22,30,.07)}.shopini-solution--business .shopini-solution-feature::before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#202632,#ff5a0a);content:""}.shopini-solution--business .shopini-solution-feature:hover{border-color:#aeb5c1;box-shadow:0 24px 52px rgba(18,22,30,.12)}
.shopini-solution--business .shopini-solution-process{color:#fff;background:radial-gradient(circle at 90% 0%,rgba(255,105,30,.14),transparent 22rem),#171b24}.shopini-solution--business .shopini-solution-process h2{color:#fff}.shopini-solution--business .shopini-solution-step{background:#242a35;border-color:#39414e;box-shadow:0 14px 32px rgba(0,0,0,.16)}.shopini-solution--business .shopini-solution-step h3{color:#fff}.shopini-solution--business .shopini-solution-step p{color:#bdc4cf}
.shopini-solution--business .shopini-solution-connections{background:#fff}.shopini-solution--business .shopini-solution-connections__cards a{background:#f5f6f8;border-color:#dde0e5}.shopini-solution--business .shopini-solution-connections__cards span{color:#fff;background:#202632}.shopini-solution--business .shopini-solution-final-cta{background:radial-gradient(circle at 82% 0%,rgba(255,105,30,.28),transparent 17rem),linear-gradient(120deg,#242a35,#10141b)}

/* Footer */
.shopini-footer{color:#d8dce3;background:linear-gradient(155deg,#1f2530,#11151c);border-top:0}.shopini-footer__top{width:min(calc(100% - 2rem),1180px);padding-block:clamp(3rem,6vw,5rem);border-bottom:1px solid #333a47}.shopini-footer .shopini-wordmark{color:#fff}.shopini-footer__brand p,.shopini-footer__links a,.shopini-footer__bottom{color:#aeb5c1}.shopini-footer__col h2{color:#fff}.shopini-footer__links a:hover{color:#ff8243}.shopini-footer__bottom{width:min(calc(100% - 2rem),1180px);border-top:0}.shopini-social-menu a{color:#fff;background:#2a303c;border-color:#3b4351}.shopini-social-menu a:hover{color:#fff;background:#ff5a0a;border-color:#ff5a0a}

@media(max-width:1088px){.shopini-header__navigation{background:#fff}.shopini-nav__list>li>a::after{display:none}.shopini-nav__list--solutions>li>a{padding-inline:1rem}.shopini-header__actions .shopini-btn{width:100%}}
@media(max-width:700px){.shopini-business-suite{grid-template-columns:1fr}.shopini-business-suite>span{justify-content:flex-start}.shopini-business-suite__badge{inset:-.85rem auto auto .8rem}}
@media(max-width:560px){.shopini-article{width:min(calc(100% - 1.25rem),920px)}.shopini-solution-hero__copy h1{font-size:clamp(2.65rem,13vw,3.65rem)}.shopini-solution-hero__visual{padding:.7rem}.shopini-footer__top{width:min(calc(100% - 1.25rem),1180px)}}
@media(prefers-reduced-motion:reduce){a,.shopini-post-card,.shopini-solution-feature{transition:none}}


/* 2.4.6 — dimensions Hero pilotées par le Personnalisateur. */
.shopini-solution-hero__copy h1 {
	font-size: var(--shopini-solution-title-desktop, 56px);
}
.shopini-solution-hero__visual {
	transform: scale(var(--shopini-solution-visual-desktop, 1));
	transform-origin: center right;
}
@media (max-width: 820px) {
	.shopini-solution-hero__copy h1 {
		font-size: var(--shopini-solution-title-mobile, 42px);
	}
	.shopini-solution-hero__visual {
		transform: scale(var(--shopini-solution-visual-mobile, 1));
		transform-origin: center top;
	}
}
