.iranko-live-market,
.iranko-live-market *{box-sizing:border-box;font-family:inherit!important}
    .iranko-live-market{
      --ilm-primary:#014752;
      --ilm-primary-2:#063a43;
      --ilm-bg:#CECECE;
      --ilm-card:#ffffff;
      --ilm-text:#16282c;
      --ilm-muted:#6d7c80;
      --ilm-line:#e5eaeb;
      --ilm-up:#168a5b;
      --ilm-down:#c83d4f;
      --ilm-shadow:0 16px 45px rgba(1,71,82,.12);
      width:100%;
      font-family:var(--e-global-typography-text-font-family,inherit);
      color:var(--ilm-text);
    }
    .iranko-live-market button,
    .iranko-live-market input,
    .iranko-live-market select{font:inherit}
    .iranko-live-market .ilm-shell{
      position:relative;
      overflow:hidden;
      width:100%;
      padding:28px;
      border:1px solid rgba(1,71,82,.10);
      border-radius:28px;
      background:
        radial-gradient(circle at 100% 0,rgba(1,71,82,.13),transparent 34%),
        linear-gradient(145deg,#f7f9f9,#ecefef);
      box-shadow:var(--ilm-shadow);
    }
    .iranko-live-market .ilm-shell:before{
      content:"";
      position:absolute;
      top:-90px;
      left:-70px;
      width:220px;
      height:220px;
      border:42px solid rgba(1,71,82,.045);
      border-radius:50%;
      pointer-events:none;
    }
    .iranko-live-market .ilm-head{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      margin-bottom:22px;
    }
    .iranko-live-market .ilm-eyebrow{
      display:inline-flex;
      align-items:center;
      gap:7px;
      margin-bottom:7px;
      color:var(--ilm-primary);
      font-size:13px;
      font-weight:800;
    }
    .iranko-live-market .ilm-eyebrow:before{
      content:"";
      width:24px;
      height:3px;
      border-radius:20px;
      background:var(--ilm-primary);
    }
    .iranko-live-market h2{
      margin:0;
      color:var(--ilm-primary);
      font-size:clamp(24px,3vw,38px);
      line-height:1.35;
      font-weight:900;
    }
    .iranko-live-market .ilm-subtitle{
      margin:8px 0 0;
      color:var(--ilm-muted);
      font-size:14px;
      line-height:1.9;
    }
    .iranko-live-market .ilm-status-box{
      min-width:220px;
      padding:13px 15px;
      border:1px solid rgba(1,71,82,.12);
      border-radius:18px;
      background:rgba(255,255,255,.76);
      backdrop-filter:blur(8px);
    }
    .iranko-live-market .ilm-status-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }
    .iranko-live-market .ilm-live{
      display:inline-flex;
      align-items:center;
      gap:7px;
      color:var(--ilm-primary);
      font-size:13px;
      font-weight:900;
    }
    .iranko-live-market .ilm-live-dot{
      width:9px;
      height:9px;
      border-radius:50%;
      background:#19a86b;
      box-shadow:0 0 0 0 rgba(25,168,107,.5);
      animation:ilmPulse 1.8s infinite;
    }
    .iranko-live-market .ilm-update-time{
      display:block;
      margin-top:7px;
      color:var(--ilm-muted);
      font-size:11px;
      line-height:1.7;
    }
    .iranko-live-market .ilm-refresh{
      display:grid;
      place-items:center;
      width:35px;
      height:35px;
      padding:0;
      border:0;
      border-radius:12px;
      color:#fff;
      background:var(--ilm-primary);
      cursor:pointer;
      transition:.2s ease;
    }
    .iranko-live-market .ilm-refresh:hover{transform:translateY(-2px);background:var(--ilm-primary-2)}
    .iranko-live-market .ilm-refresh.is-loading svg{animation:ilmSpin .8s linear infinite}
    .iranko-live-market .ilm-tabs{
      position:relative;
      z-index:1;
      display:flex;
      gap:8px;
      width:max-content;
      max-width:100%;
      margin-bottom:20px;
      padding:5px;
      border:1px solid rgba(1,71,82,.09);
      border-radius:16px;
      background:rgba(255,255,255,.75);
    }
    .iranko-live-market .ilm-tab{
      padding:10px 18px;
      border:0;
      border-radius:12px;
      color:var(--ilm-muted);
      background:transparent;
      font-weight:800;
      cursor:pointer;
      transition:.2s ease;
      white-space:nowrap;
    }
    .iranko-live-market .ilm-tab.is-active{color:#fff;background:var(--ilm-primary);box-shadow:0 8px 20px rgba(1,71,82,.2)}
    .iranko-live-market .ilm-panel[hidden]{display:none!important}
    .iranko-live-market .ilm-grid{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:14px;
    }
    .iranko-live-market .ilm-card{
      position:relative;
      overflow:hidden;
      min-height:164px;
      padding:18px;
      border:1px solid var(--ilm-line);
      border-radius:21px;
      background:var(--ilm-card);
      box-shadow:0 9px 28px rgba(21,49,55,.055);
      transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
    }
    .iranko-live-market .ilm-card:hover{transform:translateY(-4px);border-color:rgba(1,71,82,.23);box-shadow:0 16px 34px rgba(1,71,82,.10)}
    .iranko-live-market .ilm-card:after{
      content:"";
      position:absolute;
      left:-22px;
      bottom:-35px;
      width:90px;
      height:90px;
      border-radius:50%;
      background:rgba(1,71,82,.045);
    }
    .iranko-live-market .ilm-card-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:23px;
    }
    .iranko-live-market .ilm-symbol{
      display:grid;
      place-items:center;
      flex:0 0 auto;
      width:46px;
      height:46px;
      overflow:hidden;
      border:1px solid rgba(1,71,82,.10);
      border-radius:14px;
      background:#075963;
      box-shadow:0 9px 20px rgba(1,71,82,.16);
    }
    .iranko-live-market .ilm-symbol img{
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:inherit;
    }
    .iranko-live-market .ilm-symbol-fallback{
      color:#fff;
      font-size:15px;
      line-height:1;
    }
    .iranko-live-market .ilm-card-title{margin:0;color:var(--ilm-text);font-size:15px;font-weight:900}
    .iranko-live-market .ilm-card-time{margin-top:4px;color:var(--ilm-muted);font-size:10px}
    .iranko-live-market .ilm-price{
      position:relative;
      z-index:1;
      display:flex;
      align-items:baseline;
      flex-wrap:wrap;
      gap:6px;
      color:var(--ilm-primary);
      font-size:clamp(20px,2.2vw,27px);
      font-weight:950;
      line-height:1.4;
      letter-spacing:-.4px;
    }
    .iranko-live-market .ilm-unit{color:var(--ilm-muted);font-size:11px;font-weight:700}
    .iranko-live-market .ilm-change{
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:5px 8px;
      border-radius:999px;
      font-size:11px;
      font-weight:900;
      direction:ltr;
    }
    .iranko-live-market .ilm-change.is-up{color:var(--ilm-up);background:rgba(22,138,91,.10)}
    .iranko-live-market .ilm-change.is-down{color:var(--ilm-down);background:rgba(200,61,79,.10)}
    .iranko-live-market .ilm-change.is-flat{color:#738184;background:#eef1f2}
    .iranko-live-market .ilm-toolbar{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:minmax(220px,1fr) 190px 190px;
      gap:10px;
      margin-bottom:14px;
    }
    .iranko-live-market .ilm-field{position:relative}
    .iranko-live-market .ilm-field svg{
      position:absolute;
      top:50%;
      right:14px;
      width:19px;
      height:19px;
      color:#829094;
      transform:translateY(-50%);
      pointer-events:none;
    }
    .iranko-live-market .ilm-input,
    .iranko-live-market .ilm-select{
      width:100%;
      height:48px;
      border:1px solid #dde4e5;
      border-radius:15px;
      outline:0;
      color:var(--ilm-text);
      background:#fff;
      transition:.2s ease;
    }
    .iranko-live-market .ilm-input{padding:0 44px 0 14px}
    .iranko-live-market .ilm-select{padding:0 13px;cursor:pointer}
    .iranko-live-market .ilm-input:focus,
    .iranko-live-market .ilm-select:focus{border-color:var(--ilm-primary);box-shadow:0 0 0 3px rgba(1,71,82,.08)}
    .iranko-live-market .ilm-car-meta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin:0 3px 12px;
      color:var(--ilm-muted);
      font-size:12px;
    }
    .iranko-live-market .ilm-car-grid{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
    }
    .iranko-live-market .ilm-car{
      padding:17px;
      border:1px solid var(--ilm-line);
      border-radius:19px;
      background:#fff;
      box-shadow:0 8px 22px rgba(21,49,55,.045);
      transition:.2s ease;
    }
    .iranko-live-market .ilm-car:hover{transform:translateY(-3px);border-color:rgba(1,71,82,.22)}
    .iranko-live-market .ilm-car-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      min-height:48px;
      margin-bottom:14px;
    }
    .iranko-live-market .ilm-car-name{margin:0;color:var(--ilm-text);font-size:14px;line-height:1.8;font-weight:900}
    .iranko-live-market .ilm-car-brand{display:block;margin-top:2px;color:var(--ilm-muted);font-size:10px}
    .iranko-live-market .ilm-car-type{
      flex:0 0 auto;
      padding:5px 8px;
      border-radius:9px;
      color:var(--ilm-primary);
      background:rgba(1,71,82,.08);
      font-size:9px;
      font-weight:900;
    }
    .iranko-live-market .ilm-car-price{color:var(--ilm-primary);font-size:21px;font-weight:950}
    .iranko-live-market .ilm-car-foot{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      margin-top:12px;
      padding-top:11px;
      border-top:1px dashed #e5eaeb;
    }
    .iranko-live-market .ilm-year{color:var(--ilm-muted);font-size:10px}
    .iranko-live-market .ilm-load-more{
      display:block;
      min-width:160px;
      margin:18px auto 0;
      padding:11px 18px;
      border:1px solid var(--ilm-primary);
      border-radius:14px;
      color:var(--ilm-primary);
      background:#fff;
      font-weight:900;
      cursor:pointer;
      transition:.2s ease;
    }
    .iranko-live-market .ilm-load-more:hover{color:#fff;background:var(--ilm-primary)}
    .iranko-live-market .ilm-notice{
      position:relative;
      z-index:2;
      display:none;
      margin-bottom:14px;
      padding:11px 14px;
      border:1px solid rgba(200,61,79,.18);
      border-radius:13px;
      color:#963244;
      background:#fff4f6;
      font-size:12px;
      line-height:1.9;
    }
    .iranko-live-market .ilm-notice.is-visible{display:block}
    .iranko-live-market .ilm-empty{
      grid-column:1/-1;
      padding:34px 20px;
      border:1px dashed #cdd6d8;
      border-radius:18px;
      color:var(--ilm-muted);
      background:rgba(255,255,255,.65);
      text-align:center;
    }
    .iranko-live-market .ilm-skeleton{
      min-height:164px;
      border-radius:21px;
      background:linear-gradient(90deg,#e8ecec 25%,#f7f8f8 50%,#e8ecec 75%);
      background-size:200% 100%;
      animation:ilmShimmer 1.25s infinite;
    }
    .iranko-live-market .ilm-footer{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      margin-top:18px;
      padding-top:14px;
      border-top:1px solid rgba(1,71,82,.10);
      color:var(--ilm-muted);
      font-size:10px;
      line-height:1.8;
    }
    .iranko-live-market .ilm-flash-up{animation:ilmFlashUp 1.25s ease}
    .iranko-live-market .ilm-flash-down{animation:ilmFlashDown 1.25s ease}
    @keyframes ilmPulse{70%{box-shadow:0 0 0 8px rgba(25,168,107,0)}100%{box-shadow:0 0 0 0 rgba(25,168,107,0)}}
    @keyframes ilmSpin{to{transform:rotate(360deg)}}
    @keyframes ilmShimmer{to{background-position:-200% 0}}
    @keyframes ilmFlashUp{0%,100%{background:#fff}35%{background:#ecfbf4}}
    @keyframes ilmFlashDown{0%,100%{background:#fff}35%{background:#fff0f2}}
    @media(max-width:1024px){
      .iranko-live-market .ilm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .iranko-live-market .ilm-car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .iranko-live-market .ilm-toolbar{grid-template-columns:1fr 1fr}
      .iranko-live-market .ilm-toolbar .ilm-field:first-child{grid-column:1/-1}
    }
    @media(max-width:700px){
      .iranko-live-market .ilm-shell{padding:18px 14px;border-radius:22px}
      .iranko-live-market .ilm-head{align-items:stretch;flex-direction:column}
      .iranko-live-market .ilm-status-box{min-width:0;width:100%}
      .iranko-live-market .ilm-tabs{width:100%}
      .iranko-live-market .ilm-tab{flex:1;padding:9px 10px}
      .iranko-live-market .ilm-grid,
      .iranko-live-market .ilm-car-grid{grid-template-columns:1fr}
      .iranko-live-market .ilm-toolbar{grid-template-columns:1fr}
      .iranko-live-market .ilm-toolbar .ilm-field:first-child{grid-column:auto}
      .iranko-live-market .ilm-footer{align-items:flex-start;flex-direction:column}
    }
    @media(prefers-reduced-motion:reduce){
      .iranko-live-market *,.iranko-live-market *:before,.iranko-live-market *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
    }
