:root{
    --blue:#0d6efd;
    --blue-2:#1167f1;
    --text:#1f2937;
    --muted:#6b7280;
    --line:#e5e7eb;
    --shadow:0 14px 26px rgba(0,0,0,.08);
    --shadow-lg:0 20px 46px rgba(0,0,0,.14);
    --hover-scale:1.015;
    --transition-fast:.2s;
    --transition-med:.35s;
  }

.txt-center {
    text-align: center;
    margin-bottom: 20px;
}
  #order-premium_comparison .price-table{
    position:relative;
    border-radius:14px;
    background:#fff;
    box-shadow:var(--shadow);
    overflow:hidden;
    transform:translateZ(0);
    transition:transform var(--transition-med) ease, box-shadow var(--transition-med) ease;
  }
  #order-premium_comparison .price-table::before{
    content:"";
    position:absolute; inset:0;
    border-radius:inherit;
    background:linear-gradient(180deg,var(--blue),var(--blue-2));
    opacity:0;
    transform:scale(1.02) translateY(10px);
    transition:opacity var(--transition-med) ease, transform var(--transition-med) ease;
    pointer-events:none;
  }
  /* Hover */
  #order-premium_comparison .price-table:hover{
    transform:scale(var(--hover-scale));
    box-shadow:var(--shadow-lg);
  }
  #order-premium_comparison .price-table:hover::before{
    opacity:1; transform:scale(1.02) translateY(0);
  }

  /* Inner content */
  #order-premium_comparison .top-head{padding:18px 22px; position:relative; z-index:1}
  #order-premium_comparison .top-area h4{font-weight:700; color:#1f2937; transition:color var(--transition-med) ease}
  #order-premium_comparison .price-area{padding:0 22px 14px; position:relative; z-index:1}
  #order-premium_comparison .price-area .price{color:#111827; transition:color var(--transition-med) ease}
  #order-premium_comparison .price-area .price span{font-size:28px; font-weight:800}

  /* Order button */
  #order-premium_comparison .order-button{
    position:relative; z-index:1;
    display:block; width:100%; text-align:center;
    border-radius:8px; padding:12px 14px; font-weight:700;
    border:1px solid #d1d5db; background:#f9fafb; color:#111827; text-decoration:none;    margin: 10px 0 0px 0;
    transition:background var(--transition-fast) ease, transform var(--transition-fast) ease, box-shadow var(--transition-fast) ease, color var(--transition-fast) ease, border-color var(--transition-fast) ease
  }
  #order-premium_comparison .order-button:hover{background:#eef2ff; transform:translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,.08)}


  #order-premium_comparison .price-table > ul{margin:0; padding:0px 20px 10px 20px; list-style:none}
    #order-premium_comparison .price-table > ul li {
        position: relative;
        padding: 8px 0 8px 8px;
        color: #374151;
        transition: color var(--transition-med) ease, border-color var(--transition-med) ease;
        z-index: 1;
    }
    
#order-premium_comparison .price-table > ul li ul > li {border-top: 1px dashed #0055ff73;}
#order-premium_comparison .price-table:hover > ul li ul > li{border-top: 1px dashed #fff !important;}

  #order-premium_comparison .price-table:hover .top-area h4,
  #order-premium_comparison .price-table:hover .price-area .price,
  #order-premium_comparison .price-table:hover > ul li{color:#eaf2ff;}
  #order-premium_comparison .price-table:hover > ul li {border-color:rgba(255,255,255,.25)}
  #order-premium_comparison .price-table:hover .order-button{
    background:#fff; border-color:#fff; color:#0b5ed7; box-shadow:0 10px 18px rgba(13,110,253,.25)
  }

  #order-premium_comparison .price-table.is-featured::before{opacity:1; transform:none}
  #order-premium_comparison .price-table.is-featured .top-area h4{color:#eaf2ff}
  #order-premium_comparison .price-table.is-featured .price-area .price{color:#fff}
  #order-premium_comparison .price-table.is-featured .order-button{
    background:#fff; border:0; color:#0b5ed7; box-shadow:0 10px 18px rgba(13,110,253,.25)
  }
  #order-premium_comparison .price-table.is-featured > ul li{color:#e8f0ff}
  #order-premium_comparison .price-table.is-featured > ul li + li{border-color:rgba(255,255,255,.25)}

  #order-premium_comparison .price-table-container > ul{
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px;
    list-style:none; padding-left:0; margin:0;
  }
  #order-premium_comparison .price-table-container > ul > li{list-style:none}
  @media (max-width:980px){
    #order-premium_comparison .price-table-container > ul{grid-template-columns:1fr}
  }

  @media (prefers-reduced-motion: reduce){
    #order-premium_comparison *{transition:none !important}
  }