/* Independent Feedback card. Existing technology FEED is untouched. */
.future-card.card-theme-feedback{isolation:isolate!important;overflow:hidden!important;border-color:rgba(80,177,255,.48)!important;box-shadow:inset 0 0 1px #c7f2ff,0 0 28px rgba(37,128,255,.20),0 22px 45px #0006!important}
.future-card.card-theme-feedback .card-visual{position:absolute!important;inset:38px 11px 62px!important;height:auto!important;width:auto!important;border-radius:19px!important;overflow:hidden!important;isolation:isolate;background:radial-gradient(ellipse at center,rgba(11,48,115,.69),rgba(0,7,24,.94))!important}
.future-card.card-theme-feedback .card-visual .feedback-rail-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important;z-index:1!important;filter:saturate(.98) brightness(1.08) contrast(1.02) drop-shadow(0 0 8px #218ffe69);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 89%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 89%,transparent)}
.future-card.card-theme-feedback .card-visual::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at center,transparent 34%,rgba(0,8,22,.33) 100%)}
.future-card.card-theme-feedback .card-visual::after{content:"";position:absolute;inset:-42%;pointer-events:none;z-index:5;background:linear-gradient(110deg,transparent 48%,#c2faffc0 49.7%,#499eff72 50.4%,transparent 52%);filter:drop-shadow(0 0 8px #5ad3ff);animation:fd-diag 3.8s linear infinite}
.future-card.card-theme-feedback .feedback-fibers{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.future-card.card-theme-feedback .feedback-fibers::before{content:"";position:absolute;inset:-10% -20%;background:repeating-linear-gradient(90deg,transparent 0 22%,#cbfaff 22.15%,#449fff 22.37%,transparent 22.6%,transparent 50%);background-size:180% 12%;filter:drop-shadow(0 0 5px #8cddff);animation:fd-horizontal 3.3s linear infinite}
.future-card.card-theme-feedback .feedback-fibers::after{content:"";position:absolute;inset:-22% -10%;background:repeating-linear-gradient(180deg,transparent 0 22%,#cbfaff 22.15%,#449fff 22.37%,transparent 22.6%,transparent 50%);background-size:11% 180%;filter:drop-shadow(0 0 5px #8cddff);animation:fd-vertical 3.1s linear infinite}
.future-card.card-theme-feedback .card-bottom{position:relative;z-index:6}.future-card.card-theme-feedback .card-bottom h3{text-shadow:0 0 13px #2b91ff99}
@keyframes fd-diag{from{transform:translate(-30%,-25%);opacity:.1}30%{opacity:.95}70%{opacity:.95}to{transform:translate(30%,25%);opacity:.1}}
@keyframes fd-horizontal{from{background-position:-100% 24%;opacity:.15}35%{opacity:1}to{background-position:100% 24%;opacity:.15}}
@keyframes fd-vertical{from{background-position:22% -100%;opacity:.15}35%{opacity:1}to{background-position:22% 100%;opacity:.15}}
@media(prefers-reduced-motion:reduce){.future-card.card-theme-feedback .card-visual::after,.future-card.card-theme-feedback .feedback-fibers::before,.future-card.card-theme-feedback .feedback-fibers::after{animation:none!important}}

/* Full-bleed soft background + translated label is rendered by the existing Home card title */
.future-card.card-theme-feedback .card-visual{background:radial-gradient(circle at 50% 56%,rgba(14,66,137,.43),rgba(0,7,24,.94) 82%),url("assets/feedback/feedback-card.jpeg") center center/cover no-repeat!important}
.future-card.card-theme-feedback .card-visual .feedback-rail-image{object-fit:contain!important;object-position:center center!important;mask-image:radial-gradient(ellipse,#000 60%,rgba(0,0,0,.92) 82%,transparent 100%)!important;-webkit-mask-image:radial-gradient(ellipse,#000 60%,rgba(0,0,0,.92) 82%,transparent 100%)!important}

/* V4: original artwork contains fixed English Feedback text, intentionally preserved. */
.future-card.card-theme-feedback .card-visual {
  inset:32px 8px 56px!important;
  background:radial-gradient(circle at 50% 55%,rgba(40,133,239,.27),rgba(0,7,23,.76) 78%),url("assets/feedback/feedback-card.jpeg") center/cover no-repeat!important;
}
.future-card.card-theme-feedback .card-visual .feedback-rail-image {
  object-fit:cover!important;object-position:50% 50%!important;
  width:100%!important;height:100%!important;
  -webkit-mask-image:none!important;mask-image:none!important;
  filter:brightness(1.02) contrast(1.06)!important;
}
.future-card.card-theme-feedback .card-visual::before {
  background:radial-gradient(circle at 50% 55%,rgba(132,215,255,.20),rgba(41,145,255,.07) 42%,transparent 83%)!important;
}
.future-card.card-theme-feedback .card-bottom h3 {
  background:linear-gradient(95deg,#ffffff,#80cfff);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 8px rgba(62,164,255,.40));
}

/* V4: photo fills stage, no empty top/bottom bars; built-in Feedback lettering stays fixed. */
.future-card.card-theme-feedback .card-visual { inset:20px 8px 54px!important; background:radial-gradient(ellipse at center,rgba(76,185,255,.18),transparent 65%),url('assets/feedback/feedback-card.jpeg') center/cover no-repeat!important; }
.future-card.card-theme-feedback .card-visual .feedback-rail-image {object-fit:cover!important;object-position:center center!important;width:100%!important;height:100%!important;filter:brightness(1.02) contrast(1.06)!important; -webkit-mask-image:none!important;mask-image:none!important;}
.future-card.card-theme-feedback .card-visual::before {background:radial-gradient(circle at 50% 52%,rgba(158,233,255,.20),rgba(32,131,255,.07) 47%,transparent 84%)!important;}

/* V5: Reduce only Feedback HOME rail artwork to the native visual footprint.
   The rail card's own dimensions, arrows, click target and all other cards are untouched. */
.future-card.card-theme-feedback .card-visual {
  inset: 35px 11px 64px !important;
  border-radius:19px !important;
}
.future-card.card-theme-feedback .card-visual .feedback-rail-image {
  object-fit:cover !important;
  object-position:50% 50% !important;
  transform:none !important;
}

/* SHIYATI FEEDBACK V6 — rail art scale matches native visual footprint.
   The underlying HOME carousel / card size / FEED / SHIGO remain unchanged. */
.future-card.card-theme-feedback .card-visual {
  inset:38px 13px 63px !important;
  border-radius:19px !important;
  background:radial-gradient(ellipse at 50% 53%,rgba(36,132,242,.30) 0%,rgba(7,33,81,.36) 52%,rgba(0,9,29,.92) 93%) !important;
}
.future-card.card-theme-feedback .card-visual .feedback-rail-image {
  position:absolute !important;
  left:8% !important;
  top:7% !important;
  right:auto !important;
  bottom:auto !important;
  width:84% !important;
  height:86% !important;
  display:block !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  filter:brightness(1.01) contrast(1.04) drop-shadow(0 0 10px rgba(53,156,255,.35)) !important;
  mask-image:radial-gradient(ellipse at center,#000 69%,rgba(0,0,0,.94) 86%,transparent 100%) !important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 69%,rgba(0,0,0,.94) 86%,transparent 100%) !important;
}

/* V7: one full visual, original image kept intact; only Feedback image changed. */
.future-card.card-theme-feedback .card-visual {
  /* Retain approved native card size and visual stage dimensions from V6. */
  background:radial-gradient(ellipse at center,rgba(35,122,226,.19),rgba(0,7,24,.26) 76%) !important;
}
.future-card.card-theme-feedback .card-visual .feedback-rail-image {
  position:absolute !important;
  inset:0 !important;
  left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;
  width:100% !important;height:100% !important;
  max-width:none !important;max-height:none !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
  transform:none !important;
  -webkit-mask-image:none !important;mask-image:none !important;
  filter:brightness(1.02) contrast(1.05) !important;
}
