/* Canvas Iraq V3 motion + campaign layer */
.ci-swap{animation:ciSwap .55s ease both}
@keyframes ciSwap{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ci-hero-swap .hero-copy{animation:ciHeroCopy .75s cubic-bezier(.2,.7,.2,1) both}
.ci-hero-swap .hero-media{animation:ciHeroMedia 6.5s ease-out both}
@keyframes ciHeroCopy{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes ciHeroMedia{from{transform:scale(1.06)}to{transform:scale(1.01)}}
.ci-countdown{margin-top:18px;display:inline-flex;align-items:center;gap:12px;padding:9px 14px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(4,52,49,.25);backdrop-filter:blur(8px)}
.ci-countdown span{font-size:10px;opacity:.8}.ci-countdown strong{font-size:13px;letter-spacing:.5px}
.ci-dynamic-campaign{margin-top:76px;min-height:280px;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(120deg,#064e49,#0f766e);color:#fff;box-shadow:0 18px 45px rgba(8,73,68,.16)}
.ci-campaign-copy{padding:42px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.ci-campaign-copy>span{font-size:11px;letter-spacing:2px;color:#e5c889}
.ci-campaign-copy h3{font-family:"Playfair Display","Cairo",serif;font-size:38px;line-height:1.15;margin:8px 0}
.ci-campaign-copy p{opacity:.82;margin:0 0 16px}
.ci-campaign-media{min-height:280px;background:radial-gradient(circle at center,#158078,#084f4a);background-size:cover;background-position:center;position:relative}
.ci-campaign-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0f766e 0%,transparent 45%)}
.ci-mini-countdown{font-weight:800;margin:0 0 18px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.12)}
.motion-float .ci-campaign-media{animation:ciFloat 5s ease-in-out infinite alternate}
.motion-zoom .ci-campaign-media{animation:ciZoom 8s ease-in-out infinite alternate}
@keyframes ciFloat{to{background-position:center 46%}}
@keyframes ciZoom{from{background-size:100%}to{background-size:108%}}
.ci-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.ci-reveal.ci-visible{opacity:1;transform:none}
.product-image img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .product-image img{transform:scale(1.045)}
.category-thumb{transition:transform .3s ease,box-shadow .3s ease}
.category-card:hover .category-thumb{transform:translateY(-4px);box-shadow:0 14px 30px rgba(13,67,62,.12)}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(max-width:700px){
 .ci-dynamic-campaign{grid-template-columns:1fr;margin-top:58px}
 .ci-campaign-copy{padding:28px}
 .ci-campaign-copy h3{font-size:31px}
 .ci-campaign-media{min-height:190px}
}