/* FELIX | approved compact CMY Neon card reference, 2026-10-31.
   All selectors are restricted to Neon and .fn-approved-card. Other groups stay unchanged. */
.catalog-dialog[data-service="neon"] .catalog-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;align-items:stretch!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;
}
.catalog-dialog[data-service="neon"] .catalog-item.fn-approved-card{
  --fn-color:#00c7eb;display:flex!important;flex-direction:column!important;
  min-width:0!important;max-width:none!important;overflow:hidden!important;
  padding:0!important;border:0!important;border-radius:19px!important;
  background:linear-gradient(115deg,#454950,#17191d)!important;
  box-shadow:0 20px 30px #060d2366!important;isolation:isolate;
}
.catalog-dialog[data-service="neon"] .fn-approved-card.fn-approved-tone-1{--fn-color:#ed008c}
.catalog-dialog[data-service="neon"] .fn-approved-card.fn-approved-tone-2{--fn-color:#ffdb00}
.catalog-dialog[data-service="neon"] .fn-approved-card::before,.catalog-dialog[data-service="neon"] .fn-approved-card::after{content:none!important;display:none!important}
.catalog-dialog[data-service="neon"] .fn-approved-card .catalog-picture.fn-approved-photo{
  position:relative!important;display:block!important;flex:none!important;width:100%!important;
  aspect-ratio:1.15 / 1!important;height:auto!important;min-height:0!important;
  overflow:hidden!important;border:0!important;border-radius:0!important;background:#202d39!important;
  margin:0!important;padding:0!important;box-shadow:none!important;cursor:zoom-in;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-photo>.catalog-photo,
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-photo>.neon-product-photo{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;transform:none!important;aspect-ratio:auto!important;
  box-shadow:none!important;overflow:hidden!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-photo img{
  width:100%!important;height:100%!important;position:absolute!important;inset:0!important;
  object-fit:contain!important;object-position:center!important;display:block!important;
  max-width:none!important;max-height:none!important;padding:0!important;border:0!important;opacity:1!important;
  filter:none!important;transform:none!important;box-shadow:none!important;
}
/* Light means a real alternate image, not a glow/pseudo-photo over the image. */
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-photo.felix-lit img{filter:none!important;opacity:1!important}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-photo::after,
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-photo>.catalog-photo::after{content:none!important;display:none!important}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-photo::before{
  content:"NEON";pointer-events:none;

  position:absolute;z-index:2;left:10px;top:10px;padding:5px 8px;
  border:1px solid #76e7ff44;border-radius:9px;background:#112335db;
  color:#e7faff;font-size:9px;font-weight:700;line-height:1.2;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-light{
  display:flex!important;flex:none!important;align-items:center!important;justify-content:space-between!important;
  min-height:58px!important;gap:8px!important;padding:10px!important;
  background:#23282f!important;color:#fff!important;font-size:10px!important;font-weight:700!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-light-label{color:#f0f5f9;font-size:10px;line-height:1.4}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-toggle{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  position:static!important;min-width:0!important;min-height:35px!important;width:auto!important;
  margin:0!important;padding:8px!important;border:1px solid var(--fn-color)!important;border-radius:10px!important;
  color:#c4cdd7!important;background:none!important;box-shadow:none!important;
  cursor:pointer!important;font-size:11px!important;font-weight:800!important;line-height:1.1!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-toggle svg{display:none!important}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-toggle>span{font-size:0!important;display:block!important;white-space:nowrap!important}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-toggle>span::before{content:"IŞIK KAPALI";font-size:11px}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-toggle[aria-pressed="true"]>span::before{content:"IŞIK AÇIK"}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-toggle::before{display:none!important;content:none!important}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-toggle::after{
  content:""!important;display:block!important;flex:0 0 34px!important;width:34px!important;height:19px!important;
  border:0!important;border-radius:20px!important;
  background:radial-gradient(circle 7px at 9px 9.5px,#fff 97%,transparent 100%),#5b646d!important;
  box-shadow:none!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-toggle[aria-pressed="true"]{
  color:var(--fn-color)!important;box-shadow:0 0 12px color-mix(in srgb,var(--fn-color) 30%,transparent)!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-toggle[aria-pressed="true"]::after{
  background:radial-gradient(circle 7px at 25px 9.5px,#fff 97%,transparent 100%),var(--fn-color)!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-light-unavailable{font-size:10px;color:#bcc7d1}
.catalog-dialog[data-service="neon"] .fn-approved-card>.catalog-info{
  display:flex!important;flex:1!important;flex-direction:column!important;min-width:0!important;
  padding:0!important;margin:0!important;background:none!important;border:0!important;gap:0!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-body{
  display:flex!important;flex:1!important;flex-direction:column!important;min-width:0!important;
  margin:0!important;padding:10px 11px 11px!important;
  border:0!important;border-top:4px solid var(--fn-color)!important;
  border-left:4px solid var(--fn-color)!important;
  border-radius:19px!important;background:transparent!important;color:#fff!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-code{
  color:var(--fn-color)!important;font-size:8px!important;letter-spacing:.7px!important;
  font-weight:750!important;line-height:1.35!important;overflow-wrap:anywhere;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-name{
  font-family:'Segoe UI',Arial,sans-serif!important;color:#fff!important;text-shadow:none!important;
  font-size:16px!important;font-weight:800!important;line-height:1.25!important;
  margin:4px 0 9px!important;min-height:20px!important;max-width:100%!important;overflow-wrap:anywhere!important;
  padding:0!important;background:none!important;border:0!important;
}
/* Approved compact example has no visible description paragraph. */
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-description{display:none!important}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-fields{
  display:grid!important;grid-template-columns:minmax(0,1fr) 49px!important;gap:7px!important;
  margin:0!important;padding:0!important;min-width:0!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-field{
  display:block!important;min-width:0!important;color:var(--fn-color)!important;
  font:700 8px 'Segoe UI',Arial,sans-serif!important;letter-spacing:.5px!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-field select,
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-field input{
  display:block!important;box-sizing:border-box!important;width:100%!important;height:30px!important;min-width:0!important;
  margin:4px 0 0!important;padding:0 5px!important;border:1px solid #d4edf3!important;border-radius:7px!important;
  background:#f3fbfe!important;color:#12334a!important;font:600 10px 'Segoe UI',Arial,sans-serif!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-field select:disabled{color:#537183!important;opacity:1!important}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-price-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:5px!important;min-width:0!important;min-height:28px!important;margin:10px 0!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-price{
  color:var(--fn-color)!important;font:800 19px/1.2 'Segoe UI',Arial,sans-serif!important;
  letter-spacing:-.3px!important;overflow-wrap:anywhere!important;min-width:0!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-unit{
  flex:0 1 42%;min-width:0!important;text-align:right!important;
  color:#b7c3d0!important;font:400 8px/1.6 'Segoe UI',Arial,sans-serif!important;
  overflow-wrap:anywhere!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-quote{
  display:block!important;width:100%!important;min-height:32px!important;
  margin:auto 0 0!important;padding:8px!important;
  border:0!important;border-bottom:3px solid var(--fn-color)!important;border-radius:30px!important;
  background:#fff!important;color:#12334a!important;box-shadow:none!important;
  font:800 10px 'Segoe UI',Arial,sans-serif!important;cursor:pointer!important;text-align:center!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-quote:hover{background:#dffaff!important}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-actions{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
  margin-top:8px!important;padding:0!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-actions>button{
  display:block!important;position:static!important;box-sizing:border-box!important;width:100%!important;
  min-width:0!important;min-height:32px!important;max-width:100%!important;margin:0!important;padding:5px 3px!important;
  border:1px solid var(--fn-color)!important;border-radius:9px!important;
  color:#d9edf3!important;background:#292e34!important;box-shadow:none!important;
  font:700 10px/1.2 'Segoe UI',Arial,sans-serif!important;white-space:normal!important;
}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-approved-actions .model-favorite[aria-pressed="true"]{color:var(--fn-color)!important}
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-original-elements,
.catalog-dialog[data-service="neon"] .fn-approved-card .fn-hidden-source-price,
.catalog-dialog[data-service="neon"] .fn-approved-card>.web-price,
.catalog-dialog[data-service="neon"] .fn-approved-card .fx-neon-sizebar{display:none!important}
.catalog-dialog[data-service="neon"] .fn-approved-card:focus-within{outline:1px solid var(--fn-color);outline-offset:1px}
.catalog-dialog[data-service="neon"] .fn-approved-card button:focus-visible,
.catalog-dialog[data-service="neon"] .fn-approved-card select:focus-visible,
.catalog-dialog[data-service="neon"] .fn-approved-card input:focus-visible{outline:3px solid #ffe147!important;outline-offset:2px!important}
@media(max-width:900px){
  .catalog-dialog[data-service="neon"] .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:590px!important}
}
@media(max-width:640px){
  .catalog-dialog[data-service="neon"] .catalog-grid{grid-template-columns:minmax(0,1fr)!important;max-width:280px!important;gap:18px!important}
  .catalog-dialog[data-service="neon"] .fn-approved-card{width:100%!important;max-width:280px!important;margin-left:auto!important;margin-right:auto!important}
}
/* Prevent the older catalogue-dialog width + padding from overflowing phones. */
.catalog-dialog[data-service="neon"]{box-sizing:border-box!important}
@media(max-width:670px){
  .catalog-dialog[data-service="neon"]{
    box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;
    left:0!important;right:0!important;margin:0!important;padding:0!important;
  }
}