.elementor-896 .elementor-element.elementor-element-e1bb015{--display:flex;}.elementor-896 .elementor-element.elementor-element-1e1b40a{--display:flex;}/* Start custom CSS *//* ═══════════════════════════════════════════════════════════════
   Case Study — Premium fashion footwear  (Elementor: Custom CSS)
   Wszystkie selektory mają prefiks .cs- aby nie kolidować z motywem.
   ═══════════════════════════════════════════════════════════════ */

.cs-root{
  --cs-ink:#000 !important; --cs-ink-2:#4C4C4C !important; --cs-ink-3:#8A8A8A !important;
  --cs-accent:#3873F8 !important; --cs-accent-soft:#EEF3FE !important;
  --cs-bg:#FFF !important; --cs-bg-soft:#FAFAFA !important;
  --cs-hairline:#EAEAEA !important; --cs-hairline-2:#F2F2F2 !important;
  --cs-sh-sm:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.04) !important;
  --cs-sh-md:0 10px 30px -12px rgba(16,24,40,.10),0 4px 12px -4px rgba(16,24,40,.05) !important;
  --cs-sh-lg:0 30px 60px -20px rgba(16,24,40,.18),0 12px 30px -10px rgba(16,24,40,.08) !important;
  --cs-r-md:20px !important; --cs-r-lg:24px !important; --cs-max:1280px !important; --cs-gutter:32px !important;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif !important;
  color:var(--cs-ink) !important; background:var(--cs-bg) !important;
  font-size:16px !important; line-height:1.55 !important;
  -webkit-font-smoothing:antialiased !important; text-rendering:optimizeLegibility !important;
}
.cs-root *,.cs-root *::before,.cs-root *::after{ box-sizing:border-box !important; }
.cs-root ::selection{ background:rgba(56,115,248,.18) !important; }

/* ── Layout ── */
.cs-root .cs-wrap{ max-width:var(--cs-max) !important; margin:0 auto !important; padding:0 var(--cs-gutter) !important; }
.cs-root section{ padding:120px 0 !important; position:relative !important; border:0 !important; }
.cs-root section + section{ border-top:1px solid var(--cs-hairline-2) !important; }

/* ── Typography ── */
.cs-root .cs-eyebrow{ display:inline-flex !important; align-items:center !important; gap:10px !important;
  font-size:12px !important; letter-spacing:.14em !important; text-transform:uppercase !important;
  color:var(--cs-ink-2) !important; font-weight:500 !important; }
.cs-root .cs-dot{ width:6px !important; height:6px !important; border-radius:50% !important; background:var(--cs-accent) !important; display:inline-block !important; }
.cs-root .cs-h1{ font-size:44px !important; line-height:1.08 !important; letter-spacing:-.025em !important; font-weight:600 !important; margin:24px 0 !important; text-wrap:balance !important; color:var(--cs-ink) !important; }
.cs-root .cs-h2{ font-size:40px !important; line-height:1.1 !important; letter-spacing:-.022em !important; font-weight:600 !important; margin:0 0 24px !important; text-wrap:balance !important; color:var(--cs-ink) !important; }
.cs-root .cs-creatives .cs-h2,.cs-root .cs-effects .cs-h2,.cs-root .cs-conclusion .cs-h2{ margin-top:24px !important; }
.cs-root .cs-sub{ font-size:20px !important; line-height:1.55 !important; color:var(--cs-ink-2) !important; font-weight:400 !important; max-width:56ch !important; margin:0 !important; }
.cs-root .cs-body{ font-size:16px !important; line-height:1.65 !important; color:var(--cs-ink-2) !important; max-width:56ch !important; margin:0 !important; }
.cs-root .cs-accent{ color:var(--cs-accent) !important; }
.cs-root .cs-kw{ font-style:normal !important; color:var(--cs-ink) !important; font-weight:500 !important; }

/* ── Reveal on scroll ── */
.cs-root .cs-reveal{ opacity:0 !important; transform:translateY(14px) !important;
  transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1) !important; }
.cs-root .cs-reveal.cs-in{ opacity:1 !important; transform:none !important; }
.cs-root .cs-reveal[data-delay="1"]{ transition-delay:60ms !important; }
.cs-root .cs-reveal[data-delay="2"]{ transition-delay:120ms !important; }
.cs-root .cs-reveal[data-delay="3"]{ transition-delay:180ms !important; }

/* ── Skeleton loader ── */
.cs-root .cs-img-slot{ position:relative !important; width:100% !important; height:100% !important; overflow:hidden !important; background:#F4F4F6 !important; }
.cs-root .cs-skeleton{ position:absolute !important; inset:0 !important;
  background:linear-gradient(90deg,rgba(244,244,246,0) 0%,rgba(255,255,255,.85) 50%,rgba(244,244,246,0) 100%),#EFEFF2 !important;
  background-size:200% 100%,100% 100% !important; background-position:-150% 0,0 0 !important; background-repeat:no-repeat !important;
  animation:cs-shimmer 1.6s linear infinite !important; z-index:1 !important; transition:opacity .5s ease !important; }
.cs-root .cs-img-slot.cs-loaded .cs-skeleton{ opacity:0 !important; pointer-events:none !important; }
.cs-root .cs-img-slot img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important;
  opacity:0 !important; transition:opacity .6s ease,transform 1.2s cubic-bezier(.2,.8,.2,1) !important; position:relative !important; z-index:0 !important; max-width:none !important; }
.cs-root .cs-img-slot.cs-loaded img{ opacity:1 !important; }
@keyframes cs-shimmer{ 0%{ background-position:-150% 0,0 0 !important; } 100%{ background-position:150% 0,0 0 !important; } }

/* ── SECTION 1 — HERO ── */
.cs-root .cs-hero{ padding-top:96px !important; padding-bottom:120px !important; }
.cs-root .cs-grid-2{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:64px !important; align-items:center !important; }
.cs-root .cs-copy{ min-width:0 !important; }
.cs-root .cs-hero .cs-sub{ margin-bottom:56px !important; }

.cs-root .cs-stats{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:16px !important; }
.cs-root .cs-stat{ position:relative !important; background:#fff !important; border:1px solid var(--cs-hairline) !important; border-radius:var(--cs-r-md) !important; padding:24px !important; box-shadow:var(--cs-sh-sm) !important; transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s !important; overflow:hidden !important; }
.cs-root .cs-stat:hover{ transform:translateY(-3px) !important; box-shadow:var(--cs-sh-md) !important; border-color:#DFE6F8 !important; }
.cs-root .cs-stat-top{ display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:28px !important; }
.cs-root .cs-ico{ width:36px !important; height:36px !important; border-radius:10px !important; background:var(--cs-accent-soft) !important; color:var(--cs-accent) !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.cs-root .cs-ico svg{ width:18px !important; height:18px !important; }
.cs-root .cs-lbl{ font-size:13px !important; color:var(--cs-ink-2) !important; font-weight:500 !important; }
.cs-root .cs-num{ font-size:36px !important; line-height:1.05 !important; letter-spacing:-.02em !important; font-weight:600 !important; color:var(--cs-ink) !important; font-variant-numeric:tabular-nums !important; }
.cs-root .cs-num .cs-u{ font-size:18px !important; font-weight:500 !important; color:var(--cs-ink-2) !important; margin-left:4px !important; }
.cs-root .cs-delta{ margin-top:10px !important; font-size:12px !important; color:var(--cs-accent) !important; font-weight:500 !important; display:inline-flex !important; align-items:center !important; gap:6px !important; }
.cs-root .cs-delta svg{ width:12px !important; height:12px !important; }

.cs-root .cs-collage{ position:relative !important; aspect-ratio:1/1.02 !important; min-height:540px !important; }
.cs-root .cs-product{ position:absolute !important; inset:0 28% 18% 0 !important; border-radius:var(--cs-r-lg) !important; overflow:hidden !important; box-shadow:var(--cs-sh-md) !important; background:#f5f3ef !important; }
.cs-root .cs-collage:hover .cs-img-slot img{ transform:scale(1.03) !important; }
.cs-root .cs-dash{ position:absolute !important; right:0 !important; bottom:0 !important; width:62% !important; background:#fff !important; border-radius:var(--cs-r-lg) !important; border:1px solid var(--cs-hairline) !important; box-shadow:var(--cs-sh-lg) !important; padding:18px 20px 20px !important; animation:cs-float 7s ease-in-out infinite !important; }
@keyframes cs-float{ 0%,100%{ transform:translateY(0) !important; } 50%{ transform:translateY(-8px) !important; } }
.cs-root .cs-floater{ position:absolute !important; top:14% !important; right:-2% !important; background:#fff !important; border-radius:14px !important; border:1px solid var(--cs-hairline) !important; box-shadow:var(--cs-sh-md) !important; padding:12px 14px !important; display:flex !important; align-items:center !important; gap:12px !important; animation:cs-float 6s ease-in-out infinite reverse !important; z-index:2 !important; }
.cs-root .cs-floater-ic{ width:34px !important; height:34px !important; border-radius:10px !important; background:var(--cs-accent) !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.cs-root .cs-floater-ic svg{ width:18px !important; height:18px !important; }
.cs-root .cs-floater-t{ font-size:11px !important; color:var(--cs-ink-3) !important; letter-spacing:.08em !important; text-transform:uppercase !important; }
.cs-root .cs-floater-v{ font-size:16px !important; font-weight:600 !important; color:var(--cs-ink) !important; font-variant-numeric:tabular-nums !important; }

.cs-root .cs-dash-head{ display:flex !important; align-items:center !important; justify-content:space-between !important; padding-bottom:12px !important; border-bottom:1px solid var(--cs-hairline-2) !important; margin-bottom:16px !important; }
.cs-root .cs-dash-ttl{ font-size:13px !important; font-weight:600 !important; color:var(--cs-ink) !important; display:flex !important; align-items:center !important; gap:8px !important; }
.cs-root .cs-dash-pill{ width:8px !important; height:8px !important; border-radius:50% !important; background:var(--cs-accent) !important; box-shadow:0 0 0 4px rgba(56,115,248,.15) !important; }
.cs-root .cs-dash-range{ font-size:11px !important; color:var(--cs-ink-3) !important; letter-spacing:.06em !important; }
.cs-root .cs-dash-metrics{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:8px !important; margin-bottom:12px !important; }
.cs-root .cs-dash-k{ font-size:10px !important; color:var(--cs-ink-3) !important; letter-spacing:.08em !important; text-transform:uppercase !important; }
.cs-root .cs-dash-n{ font-size:18px !important; font-weight:600 !important; color:var(--cs-ink) !important; font-variant-numeric:tabular-nums !important; line-height:1.2 !important; margin-top:2px !important; }
.cs-root .cs-dash-chart{ position:relative !important; height:110px !important; }
.cs-root .cs-dash-chart svg{ width:100% !important; height:100% !important; display:block !important; }

/* ── SECTION 2 — O MARCE ── */
.cs-root .cs-grid-2-about{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:80px !important; align-items:start !important; }
.cs-root .cs-about-copy{ position:sticky !important; top:80px !important; }
.cs-root .cs-about .cs-h2{ max-width:16ch !important; }
.cs-root .cs-meta{ display:flex !important; gap:32px !important; margin-top:40px !important; padding-top:32px !important; border-top:1px solid var(--cs-hairline) !important; }
.cs-root .cs-meta-k{ font-size:11px !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--cs-ink-3) !important; }
.cs-root .cs-meta-v{ font-size:15px !important; color:var(--cs-ink) !important; margin-top:6px !important; font-weight:500 !important; }
.cs-root .cs-highlights{ display:grid !important; gap:16px !important; }
.cs-root .cs-hc{ position:relative !important; background:#fff !important; border:1px solid var(--cs-hairline) !important; border-radius:var(--cs-r-lg) !important; padding:28px !important; display:grid !important; grid-template-columns:56px 1fr auto !important; gap:20px !important; align-items:center !important; transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s !important; overflow:hidden !important; }
.cs-root .cs-hc::before{ content:"" !important; position:absolute !important; inset:0 !important; background:linear-gradient(135deg,rgba(56,115,248,.05) 0%,rgba(56,115,248,0) 55%) !important; opacity:0 !important; transition:opacity .4s !important; pointer-events:none !important; }
.cs-root .cs-hc:hover{ transform:translateY(-3px) !important; box-shadow:var(--cs-sh-md) !important; border-color:#DFE6F8 !important; }
.cs-root .cs-hc:hover::before{ opacity:1 !important; }
.cs-root .cs-hc-ico{ width:56px !important; height:56px !important; border-radius:16px !important; background:var(--cs-accent-soft) !important; color:var(--cs-accent) !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.cs-root .cs-hc-ico svg{ width:26px !important; height:26px !important; }
.cs-root .cs-hc-t{ font-size:18px !important; font-weight:600 !important; letter-spacing:-.01em !important; color:var(--cs-ink) !important; }
.cs-root .cs-hc-d{ font-size:14px !important; color:var(--cs-ink-2) !important; margin-top:4px !important; }
.cs-root .cs-hc-num{ font-size:12px !important; color:var(--cs-ink-3) !important; letter-spacing:.12em !important; }

/* ── SECTION 3 — KREACJE ── */
.cs-root .cs-creatives{ background:var(--cs-bg-soft) !important; }
.cs-root .cs-intro{ max-width:880px !important; margin:0 0 64px !important; }
.cs-root .cs-bento{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:24px !important; }
.cs-root .cs-tile{ position:relative !important; border-radius:var(--cs-r-lg) !important; overflow:hidden !important; background:#fff !important; box-shadow:var(--cs-sh-sm) !important; transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s !important; will-change:transform !important; aspect-ratio:1/1 !important; }
.cs-root .cs-tile:hover{ transform:translateY(-6px) !important; box-shadow:var(--cs-sh-lg) !important; }
.cs-root .cs-tile:hover .cs-img-slot img{ transform:scale(1.05) !important; }
.cs-root .cs-cap{ position:absolute !important; left:16px !important; bottom:14px !important; display:flex !important; align-items:center !important; gap:8px !important; padding:6px 12px !important; background:rgba(255,255,255,.92) !important; backdrop-filter:blur(6px) !important; -webkit-backdrop-filter:blur(6px) !important; border-radius:999px !important; font-size:11px !important; letter-spacing:.08em !important; text-transform:uppercase !important; font-weight:500 !important; color:var(--cs-ink) !important; opacity:0 !important; transform:translateY(6px) !important; transition:opacity .35s,transform .35s !important; z-index:2 !important; }
.cs-root .cs-tile:hover .cs-cap{ opacity:1 !important; transform:translateY(0) !important; }
.cs-root .cs-cap-d{ width:6px !important; height:6px !important; border-radius:50% !important; background:var(--cs-accent) !important; }
.cs-root .cs-meta-row{ display:flex !important; align-items:center !important; justify-content:space-between !important; margin-top:48px !important; padding-top:24px !important; border-top:1px solid var(--cs-hairline) !important; color:var(--cs-ink-2) !important; font-size:14px !important; }
.cs-root .cs-meta-grp{ display:flex !important; gap:40px !important; }
.cs-root .cs-meta-v-bold{ color:var(--cs-ink) !important; font-weight:500 !important; }
.cs-root .cs-static-tag{ font-size:12px !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--cs-ink-3) !important; }

/* ── SECTION 4 — EFEKTY ── */
.cs-root .cs-big-stats{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:0 !important; margin-bottom:80px !important; border-top:1px solid var(--cs-hairline) !important; border-bottom:1px solid var(--cs-hairline) !important; }
.cs-root .cs-bs{ padding:36px 28px 36px 0 !important; border-right:1px solid var(--cs-hairline-2) !important; position:relative !important; transition:background .3s !important; }
.cs-root .cs-bs:last-child{ border-right:0 !important; padding-right:0 !important; }
.cs-root .cs-bs:not(:first-child){ padding-left:28px !important; }
.cs-root .cs-bs-n{ font-size:48px !important; line-height:1.05 !important; font-weight:600 !important; letter-spacing:-.02em !important; font-variant-numeric:tabular-nums !important; color:var(--cs-ink) !important; display:inline-block !important; transition:text-shadow .3s !important; }
.cs-root .cs-bs-u{ font-size:18px !important; font-weight:500 !important; color:var(--cs-ink-2) !important; margin-left:6px !important; }
.cs-root .cs-bs-d{ font-size:14px !important; color:var(--cs-ink-2) !important; margin-top:12px !important; }
.cs-root .cs-bs:hover .cs-bs-n{ text-shadow:0 0 30px rgba(56,115,248,.25) !important; }

.cs-root .cs-results{ position:relative !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; }
.cs-root .cs-window{ background:#fff !important; border:1px solid var(--cs-hairline) !important; border-radius:var(--cs-r-lg) !important; box-shadow:var(--cs-sh-lg) !important; overflow:hidden !important; position:relative !important; }
.cs-root .cs-chrome{ display:flex !important; align-items:center !important; gap:10px !important; padding:14px 18px !important; border-bottom:1px solid var(--cs-hairline-2) !important; background:#FCFCFD !important; }
.cs-root .cs-chrome-dots{ display:flex !important; gap:6px !important; }
.cs-root .cs-chrome-dots i{ width:10px !important; height:10px !important; border-radius:50% !important; background:#E5E5E5 !important; }
.cs-root .cs-chrome-label{ font-size:12px !important; color:var(--cs-ink-3) !important; letter-spacing:.08em !important; text-transform:uppercase !important; margin-left:12px !important; }
.cs-root .cs-chrome-tag{ margin-left:auto !important; font-size:11px !important; color:var(--cs-accent) !important; background:var(--cs-accent-soft) !important; padding:4px 10px !important; border-radius:999px !important; font-weight:500 !important; }
.cs-root .cs-shot-slot{ width:100% !important; height:auto !important; aspect-ratio:1248/503 !important; }
.cs-root .cs-goal-pill{ position:absolute !important; left:4% !important; top:-28px !important; background:#fff !important; border:1px solid var(--cs-hairline) !important; border-radius:999px !important; box-shadow:var(--cs-sh-md) !important; padding:10px 16px 10px 12px !important; display:flex !important; align-items:center !important; gap:10px !important; z-index:2 !important; animation:cs-float 6s ease-in-out infinite reverse !important; }
.cs-root .cs-goal-ic{ width:26px !important; height:26px !important; border-radius:50% !important; background:var(--cs-accent) !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.cs-root .cs-goal-ic svg{ width:14px !important; height:14px !important; }
.cs-root .cs-goal-t{ font-size:12px !important; color:var(--cs-ink-3) !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
.cs-root .cs-goal-v{ font-size:14px !important; font-weight:600 !important; color:var(--cs-ink) !important; margin-left:2px !important; }

/* ── SECTION 5 — WNIOSKI ── */
.cs-root .cs-conclusion{ background:#fff !important; }
.cs-root .cs-conclusion-grid{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:64px !important; align-items:start !important; }
.cs-root .cs-conclusion .cs-h2{ max-width:14ch !important; }
.cs-root .cs-conclusion .cs-body{ font-size:18px !important; line-height:1.6 !important; }
.cs-root .cs-conclusion .cs-body + .cs-body{ margin-top:20px !important; }
.cs-root .cs-takeaways{ margin-top:80px !important; display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:24px !important; }
.cs-root .cs-tk{ position:relative !important; padding:32px 28px 28px !important; border:1px solid var(--cs-hairline) !important; border-radius:var(--cs-r-lg) !important; background:#fff !important; transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s !important; overflow:hidden !important; }
.cs-root .cs-tk::before{ content:"" !important; position:absolute !important; inset:0 !important; background:linear-gradient(135deg,rgba(56,115,248,.05) 0%,rgba(56,115,248,0) 60%) !important; opacity:0 !important; transition:opacity .4s !important; pointer-events:none !important; }
.cs-root .cs-tk:hover{ transform:translateY(-3px) !important; box-shadow:var(--cs-sh-md) !important; border-color:#DFE6F8 !important; }
.cs-root .cs-tk:hover::before{ opacity:1 !important; }
.cs-root .cs-tk-idx{ font-size:12px !important; color:var(--cs-accent) !important; letter-spacing:.14em !important; text-transform:uppercase !important; font-weight:500 !important; margin-bottom:20px !important; display:flex !important; align-items:center !important; gap:8px !important; }
.cs-root .cs-tk-idx::before{ content:"" !important; width:24px !important; height:1px !important; background:var(--cs-accent) !important; display:inline-block !important; }
.cs-root .cs-tk-t{ font-size:18px !important; font-weight:600 !important; letter-spacing:-.01em !important; line-height:1.3 !important; color:var(--cs-ink) !important; }
.cs-root .cs-tk-d{ font-size:14px !important; color:var(--cs-ink-2) !important; margin-top:10px !important; line-height:1.55 !important; }

/* ── Responsive ── */
@media (max-width:980px){
  .cs-root section{ padding:72px 0 !important; }
  .cs-root{ --cs-gutter:24px !important; }
  .cs-root .cs-grid-2,.cs-root .cs-grid-2-about{ grid-template-columns:1fr !important; gap:56px !important; }
  .cs-root .cs-about-copy{ position:static !important; }
  .cs-root .cs-h1{ font-size:34px !important; }
  .cs-root .cs-h2{ font-size:30px !important; }
  .cs-root .cs-sub{ font-size:18px !important; }
  .cs-root .cs-stats{ gap:12px !important; }
  .cs-root .cs-stat{ padding:20px !important; }
  .cs-root .cs-num{ font-size:28px !important; }
  .cs-root .cs-collage{ min-height:0 !important; aspect-ratio:1/1 !important; }
  .cs-root .cs-product{ inset:0 22% 22% 0 !important; }
  .cs-root .cs-dash{ width:70% !important; padding:14px 16px !important; }
  .cs-root .cs-floater{ padding:10px 12px !important; }
  .cs-root .cs-floater-ic{ width:28px !important; height:28px !important; }
  .cs-root .cs-bento{ grid-template-columns:none !important; display:flex !important; gap:16px !important; overflow-x:auto !important; scroll-snap-type:x mandatory !important; padding-bottom:8px !important; -webkit-overflow-scrolling:touch !important; scrollbar-width:none !important; }
  .cs-root .cs-bento::-webkit-scrollbar{ display:none !important; }
  .cs-root .cs-tile{ flex:0 0 78% !important; scroll-snap-align:start !important; aspect-ratio:1/1 !important; height:auto !important; }
  .cs-root .cs-big-stats{ grid-template-columns:1fr 1fr !important; border-top:0 !important; }
  .cs-root .cs-bs{ padding:24px 16px !important; border-right:1px solid var(--cs-hairline-2) !important; border-bottom:1px solid var(--cs-hairline-2) !important; }
  .cs-root .cs-bs:nth-child(2n){ border-right:0 !important; }
  .cs-root .cs-bs:nth-last-child(-n+2){ border-bottom:0 !important; }
  .cs-root .cs-bs-n{ font-size:32px !important; }
  .cs-root .cs-goal-pill{ left:16px !important; top:-20px !important; padding:8px 12px 8px 10px !important; }
  .cs-root .cs-goal-ic{ width:22px !important; height:22px !important; }
  .cs-root .cs-conclusion-grid{ grid-template-columns:1fr !important; gap:32px !important; }
  .cs-root .cs-takeaways{ grid-template-columns:1fr !important; gap:12px !important; margin-top:56px !important; }
  .cs-root .cs-tk{ padding:24px !important; }
  .cs-root .cs-hc{ grid-template-columns:48px 1fr !important; padding:22px !important; gap:16px !important; }
  .cs-root .cs-hc-ico{ width:48px !important; height:48px !important; border-radius:14px !important; }
  .cs-root .cs-hc-num{ display:none !important; }
}
@media (max-width:480px){
  .cs-root .cs-h1{ font-size:30px !important; }
  .cs-root .cs-h2{ font-size:26px !important; }
  .cs-root .cs-meta-row{ flex-direction:column !important; align-items:flex-start !important; gap:16px !important; }
  .cs-root .cs-meta-grp{ gap:24px !important; }
  .cs-root .cs-meta{ flex-direction:column !important; gap:20px !important; }
}/* End custom CSS */